#Code Blocks Test

This document tests all code block features including syntax highlighting, line numbers, and line highlighting.

#Basic Code Block

<span class="line"><span style="color:#800000">&#x3C;span</span><span style="color:#E50000"> class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#800000">>&#x3C;span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#0000FF"</span><span style="color:#800000">></span><span style="color:#000000">function</span><span style="color:#800000">&#x3C;/span>&#x3C;span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#795E26"</span><span style="color:#800000">></span><span style="color:#000000"> greet</span><span style="color:#800000">&#x3C;/span>&#x3C;span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#800000">></span><span style="color:#000000">(</span><span style="color:#800000">&#x3C;/span>&#x3C;span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#001080"</span><span style="color:#800000">></span><span style="color:#000000">name</span><span style="color:#800000">&#x3C;/span>&#x3C;span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#800000">></span><span style="color:#000000">) </span><span style="color:#0000FF">{</span><span style="color:#000000">&#x3C;/</span><span style="color:#001080">span</span><span style="color:#000000">>&#x3C;/</span><span style="color:#001080">span</span><span style="color:#000000">></span></span>
<span class="line"><span style="color:#800000">&#x3C;span</span><span style="color:#E50000"> class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#800000">>&#x3C;span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#AF00DB"</span><span style="color:#800000">></span><span style="color:#000000FF">  return</span><span style="color:#800000">&#x3C;/span>&#x3C;span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#A31515"</span><span style="color:#800000">></span><span style="color:#000000FF"> `Hello, </span><span style="color:#800000">&#x3C;/span>&#x3C;span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#0000FF"</span><span style="color:#800000">></span><span style="color:#000000FF">$</span><span style="color:#0000FF">{</span><span style="color:#000000">&#x3C;/</span><span style="color:#001080">span</span><span style="color:#000000">></span><span style="color:#800000">&#x3C;span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#001080"</span><span style="color:#800000">></span><span style="color:#000000FF">name</span><span style="color:#800000">&#x3C;/span>&#x3C;span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#0000FF"</span><span style="color:#800000">></span><span style="color:#000000FF">}</span><span style="color:#800000">&#x3C;/span>&#x3C;span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#A31515"</span><span style="color:#800000">></span><span style="color:#000000FF">!`</span><span style="color:#800000">&#x3C;/span>&#x3C;span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#800000">></span><span style="color:#000000FF">;</span><span style="color:#800000">&#x3C;/span></span><span style="color:#000000">&#x3C;/</span><span style="color:#001080">span</span><span style="color:#000000">></span></span>
<span class="line"><span style="color:#800000">&#x3C;span</span><span style="color:#E50000"> class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#800000">>&#x3C;span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#800000">></span><span style="color:#000000FF">}</span><span style="color:#800000">&#x3C;/span>&#x3C;/span></span></span>
<span class="line"><span style="color:#800000">&#x3C;span</span><span style="color:#E50000"> class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#800000">>&#x3C;/span></span></span>
<span class="line"><span style="color:#800000">&#x3C;span</span><span style="color:#E50000"> class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#800000">>&#x3C;span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#001080"</span><span style="color:#800000">></span><span style="color:#000000FF">console</span><span style="color:#800000">&#x3C;/span>&#x3C;span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#800000">></span><span style="color:#000000FF">.</span><span style="color:#800000">&#x3C;/span>&#x3C;span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#795E26"</span><span style="color:#800000">></span><span style="color:#000000FF">log</span><span style="color:#800000">&#x3C;/span>&#x3C;span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#800000">></span><span style="color:#000000FF">(</span><span style="color:#800000">&#x3C;/span>&#x3C;span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#795E26"</span><span style="color:#800000">></span><span style="color:#000000FF">greet</span><span style="color:#800000">&#x3C;/span>&#x3C;span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#800000">></span><span style="color:#000000FF">(</span><span style="color:#800000">&#x3C;/span>&#x3C;span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#A31515"</span><span style="color:#800000">></span><span style="color:#000000FF">'World'</span><span style="color:#800000">&#x3C;/span>&#x3C;span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#800000">></span><span style="color:#000000FF">));</span><span style="color:#800000">&#x3C;/span>&#x3C;/span></span></span>

#Code Block with Language

<span class="line"><span style="color:#000000">&#x3C;</span><span style="color:#001080">span</span><span style="color:#001080"> class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">>&#x3C;</span><span style="color:#267F99">span</span><span style="color:#267F99"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#0000FF"</span><span style="color:#000000">></span><span style="color:#001080">interface</span><span style="color:#000000">&#x3C;/</span><span style="color:#001080">span</span><span style="color:#000000">>&#x3C;</span><span style="color:#267F99">span</span><span style="color:#267F99"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#267F99"</span><span style="color:#000000">> </span><span style="color:#001080">User</span><span style="color:#000000">&#x3C;/</span><span style="color:#001080">span</span><span style="color:#000000">>&#x3C;</span><span style="color:#267F99">span</span><span style="color:#267F99"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">> {&#x3C;/span>&#x3C;/span></span></span>
<span class="line"><span style="color:#000000">&#x3C;span </span><span style="color:#001080">class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">>&#x3C;</span><span style="color:#267F99">span</span><span style="color:#267F99"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#001080"</span><span style="color:#000000">>  </span><span style="color:#001080">id</span><span style="color:#000000">&#x3C;/</span><span style="color:#001080">span</span><span style="color:#000000">>&#x3C;</span><span style="color:#267F99">span</span><span style="color:#267F99"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>: &#x3C;/</span><span style="color:#267F99">span</span><span style="color:#000000">>&#x3C;</span><span style="color:#267F99">span</span><span style="color:#267F99"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#267F99"</span><span style="color:#000000">></span><span style="color:#001080">number</span><span style="color:#000000">&#x3C;/</span><span style="color:#001080">span</span><span style="color:#000000">>&#x3C;</span><span style="color:#267F99">span</span><span style="color:#267F99"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>;&#x3C;/</span><span style="color:#001080">span</span><span style="color:#000000">>&#x3C;/</span><span style="color:#267F99">span</span><span style="color:#000000">></span></span>
<span class="line"><span style="color:#000000">&#x3C;span </span><span style="color:#001080">class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">>&#x3C;</span><span style="color:#267F99">span</span><span style="color:#267F99"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#001080"</span><span style="color:#000000">>  </span><span style="color:#001080">name</span><span style="color:#000000">&#x3C;/</span><span style="color:#001080">span</span><span style="color:#000000">>&#x3C;</span><span style="color:#267F99">span</span><span style="color:#267F99"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>: &#x3C;/</span><span style="color:#267F99">span</span><span style="color:#000000">>&#x3C;</span><span style="color:#267F99">span</span><span style="color:#267F99"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#267F99"</span><span style="color:#000000">></span><span style="color:#001080">string</span><span style="color:#000000">&#x3C;/</span><span style="color:#001080">span</span><span style="color:#000000">>&#x3C;</span><span style="color:#267F99">span</span><span style="color:#267F99"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>;&#x3C;/</span><span style="color:#001080">span</span><span style="color:#000000">>&#x3C;/</span><span style="color:#267F99">span</span><span style="color:#000000">></span></span>
<span class="line"><span style="color:#000000">&#x3C;span </span><span style="color:#001080">class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">>&#x3C;</span><span style="color:#267F99">span</span><span style="color:#267F99"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#001080"</span><span style="color:#000000">>  </span><span style="color:#001080">email</span><span style="color:#000000">&#x3C;/</span><span style="color:#001080">span</span><span style="color:#000000">>&#x3C;</span><span style="color:#267F99">span</span><span style="color:#267F99"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>: &#x3C;/</span><span style="color:#267F99">span</span><span style="color:#000000">>&#x3C;</span><span style="color:#267F99">span</span><span style="color:#267F99"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#267F99"</span><span style="color:#000000">></span><span style="color:#001080">string</span><span style="color:#000000">&#x3C;/</span><span style="color:#001080">span</span><span style="color:#000000">>&#x3C;</span><span style="color:#267F99">span</span><span style="color:#267F99"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>;&#x3C;/</span><span style="color:#001080">span</span><span style="color:#000000">>&#x3C;/</span><span style="color:#267F99">span</span><span style="color:#000000">></span></span>
<span class="line"><span style="color:#000000">&#x3C;span </span><span style="color:#001080">class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">>&#x3C;</span><span style="color:#267F99">span</span><span style="color:#267F99"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#001080"</span><span style="color:#000000">>  </span><span style="color:#001080">createdAt</span><span style="color:#000000">&#x3C;/</span><span style="color:#001080">span</span><span style="color:#000000">>&#x3C;</span><span style="color:#267F99">span</span><span style="color:#267F99"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>: &#x3C;/</span><span style="color:#267F99">span</span><span style="color:#000000">>&#x3C;</span><span style="color:#267F99">span</span><span style="color:#267F99"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#267F99"</span><span style="color:#000000">></span><span style="color:#001080">Date</span><span style="color:#000000">&#x3C;/</span><span style="color:#001080">span</span><span style="color:#000000">>&#x3C;</span><span style="color:#267F99">span</span><span style="color:#267F99"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>;&#x3C;/</span><span style="color:#001080">span</span><span style="color:#000000">>&#x3C;/</span><span style="color:#267F99">span</span><span style="color:#000000">></span></span>
<span class="line"><span style="color:#000000">&#x3C;span </span><span style="color:#001080">class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">>&#x3C;</span><span style="color:#267F99">span</span><span style="color:#267F99"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>}&#x3C;/</span><span style="color:#001080">span</span><span style="color:#000000">>&#x3C;/</span><span style="color:#267F99">span</span><span style="color:#000000">></span></span>
<span class="line"><span style="color:#000000">&#x3C;</span><span style="color:#001080">span</span><span style="color:#001080"> class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">>&#x3C;/</span><span style="color:#267F99">span</span><span style="color:#000000">></span></span>
<span class="line"><span style="color:#000000">&#x3C;</span><span style="color:#001080">span</span><span style="color:#001080"> class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">>&#x3C;</span><span style="color:#267F99">span</span><span style="color:#267F99"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#0000FF"</span><span style="color:#000000">></span><span style="color:#0000FF">class</span><span style="color:#000000">&#x3C;/</span><span style="color:#267F99">span</span><span style="color:#000000">>&#x3C;</span><span style="color:#267F99">span</span><span style="color:#267F99"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#267F99"</span><span style="color:#000000">> </span><span style="color:#267F99">UserService</span><span style="color:#000000">&#x3C;/</span><span style="color:#267F99">span</span><span style="color:#000000">>&#x3C;</span><span style="color:#267F99">span</span><span style="color:#267F99"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">> {&#x3C;/</span><span style="color:#001080">span</span><span style="color:#000000">>&#x3C;/</span><span style="color:#267F99">span</span><span style="color:#000000">></span></span>
<span class="line"><span style="color:#000000">&#x3C;</span><span style="color:#001080">span</span><span style="color:#001080"> class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">>&#x3C;</span><span style="color:#267F99">span</span><span style="color:#267F99"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#0000FF"</span><span style="color:#000000">>  </span><span style="color:#001080">private</span><span style="color:#000000">&#x3C;/</span><span style="color:#001080">span</span><span style="color:#000000">>&#x3C;</span><span style="color:#267F99">span</span><span style="color:#267F99"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#001080"</span><span style="color:#000000">> </span><span style="color:#001080">users</span><span style="color:#000000">&#x3C;/</span><span style="color:#001080">span</span><span style="color:#000000">>&#x3C;</span><span style="color:#267F99">span</span><span style="color:#267F99"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>: &#x3C;/</span><span style="color:#267F99">span</span><span style="color:#000000">>&#x3C;</span><span style="color:#267F99">span</span><span style="color:#267F99"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#267F99"</span><span style="color:#000000">></span><span style="color:#001080">User</span><span style="color:#000000">&#x3C;/</span><span style="color:#001080">span</span><span style="color:#000000">>&#x3C;</span><span style="color:#267F99">span</span><span style="color:#267F99"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>[] = [];&#x3C;/</span><span style="color:#001080">span</span><span style="color:#000000">>&#x3C;/</span><span style="color:#267F99">span</span><span style="color:#000000">></span></span>
<span class="line"><span style="color:#000000">&#x3C;</span><span style="color:#001080">span</span><span style="color:#001080"> class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">>&#x3C;/</span><span style="color:#267F99">span</span><span style="color:#000000">></span></span>
<span class="line"><span style="color:#000000">&#x3C;</span><span style="color:#001080">span</span><span style="color:#001080"> class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">>&#x3C;</span><span style="color:#267F99">span</span><span style="color:#267F99"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#0000FF"</span><span style="color:#000000">>  </span><span style="color:#001080">async</span><span style="color:#000000">&#x3C;/</span><span style="color:#001080">span</span><span style="color:#000000">>&#x3C;</span><span style="color:#267F99">span</span><span style="color:#267F99"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#795E26"</span><span style="color:#000000">> </span><span style="color:#001080">createUser</span><span style="color:#000000">&#x3C;/</span><span style="color:#001080">span</span><span style="color:#000000">>&#x3C;</span><span style="color:#267F99">span</span><span style="color:#267F99"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>(&#x3C;/</span><span style="color:#267F99">span</span><span style="color:#000000">>&#x3C;</span><span style="color:#267F99">span</span><span style="color:#267F99"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#001080"</span><span style="color:#000000">></span><span style="color:#001080">userData</span><span style="color:#000000">&#x3C;/</span><span style="color:#001080">span</span><span style="color:#000000">>&#x3C;</span><span style="color:#267F99">span</span><span style="color:#267F99"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>: &#x3C;/</span><span style="color:#267F99">span</span><span style="color:#000000">>&#x3C;</span><span style="color:#267F99">span</span><span style="color:#267F99"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#267F99"</span><span style="color:#000000">></span><span style="color:#001080">Partial</span><span style="color:#000000">&#x3C;/</span><span style="color:#001080">span</span><span style="color:#000000">>&#x3C;</span><span style="color:#267F99">span</span><span style="color:#267F99"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>&#x26;#</span><span style="color:#001080">x3C</span><span style="color:#000000">;&#x3C;/</span><span style="color:#001080">span</span><span style="color:#000000">>&#x3C;</span><span style="color:#267F99">span</span><span style="color:#267F99"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#267F99"</span><span style="color:#000000">></span><span style="color:#001080">User</span><span style="color:#000000">&#x3C;/</span><span style="color:#001080">span</span><span style="color:#000000">>&#x3C;</span><span style="color:#267F99">span</span><span style="color:#267F99"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>>): &#x3C;/</span><span style="color:#267F99">span</span><span style="color:#000000">>&#x3C;</span><span style="color:#267F99">span</span><span style="color:#267F99"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#267F99"</span><span style="color:#000000">></span><span style="color:#267F99">Promise</span><span style="color:#000000">&#x3C;/</span><span style="color:#001080">span</span><span style="color:#000000">>&#x3C;</span><span style="color:#267F99">span</span><span style="color:#267F99"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>&#x26;#</span><span style="color:#001080">x3C</span><span style="color:#000000">;&#x3C;/</span><span style="color:#001080">span</span><span style="color:#000000">>&#x3C;</span><span style="color:#267F99">span</span><span style="color:#267F99"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#267F99"</span><span style="color:#000000">></span><span style="color:#001080">User</span><span style="color:#000000">&#x3C;/</span><span style="color:#001080">span</span><span style="color:#000000">>&#x3C;</span><span style="color:#267F99">span</span><span style="color:#267F99"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>> {&#x3C;/span>&#x3C;/span></span></span>
<span class="line"><span style="color:#000000">&#x3C;span </span><span style="color:#001080">class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">>&#x3C;</span><span style="color:#267F99">span</span><span style="color:#267F99"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#0000FF"</span><span style="color:#000000">>    </span><span style="color:#001080">const</span><span style="color:#000000">&#x3C;/</span><span style="color:#001080">span</span><span style="color:#000000">>&#x3C;</span><span style="color:#267F99">span</span><span style="color:#267F99"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#0070C1"</span><span style="color:#000000">> </span><span style="color:#001080">user</span><span style="color:#000000">&#x3C;/</span><span style="color:#001080">span</span><span style="color:#000000">>&#x3C;</span><span style="color:#267F99">span</span><span style="color:#267F99"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>: &#x3C;/</span><span style="color:#267F99">span</span><span style="color:#000000">>&#x3C;</span><span style="color:#267F99">span</span><span style="color:#267F99"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#267F99"</span><span style="color:#000000">></span><span style="color:#001080">User</span><span style="color:#000000">&#x3C;/</span><span style="color:#001080">span</span><span style="color:#000000">>&#x3C;</span><span style="color:#267F99">span</span><span style="color:#267F99"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">> = {&#x3C;/span>&#x3C;/span></span></span>
<span class="line"><span style="color:#000000">&#x3C;span </span><span style="color:#001080">class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">>&#x3C;</span><span style="color:#267F99">span</span><span style="color:#267F99"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#001080"</span><span style="color:#000000">>      </span><span style="color:#001080">id</span><span style="color:#000000">:&#x3C;/</span><span style="color:#267F99">span</span><span style="color:#000000">>&#x3C;</span><span style="color:#267F99">span</span><span style="color:#267F99"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#001080"</span><span style="color:#000000">> </span><span style="color:#001080">Date</span><span style="color:#000000">&#x3C;/</span><span style="color:#001080">span</span><span style="color:#000000">>&#x3C;</span><span style="color:#267F99">span</span><span style="color:#267F99"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>.&#x3C;/</span><span style="color:#001080">span</span><span style="color:#000000">>&#x3C;</span><span style="color:#267F99">span</span><span style="color:#267F99"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#795E26"</span><span style="color:#000000">></span><span style="color:#001080">now</span><span style="color:#000000">&#x3C;/</span><span style="color:#001080">span</span><span style="color:#000000">>&#x3C;</span><span style="color:#267F99">span</span><span style="color:#267F99"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>(),&#x3C;/span>&#x3C;/span></span></span>
<span class="line"><span style="color:#000000">&#x3C;span </span><span style="color:#001080">class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">>&#x3C;</span><span style="color:#267F99">span</span><span style="color:#267F99"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#001080"</span><span style="color:#000000">>      </span><span style="color:#001080">name</span><span style="color:#000000">:&#x3C;/</span><span style="color:#267F99">span</span><span style="color:#000000">>&#x3C;</span><span style="color:#267F99">span</span><span style="color:#267F99"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#001080"</span><span style="color:#000000">> </span><span style="color:#001080">userData</span><span style="color:#000000">&#x3C;/</span><span style="color:#001080">span</span><span style="color:#000000">>&#x3C;</span><span style="color:#267F99">span</span><span style="color:#267F99"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>.&#x3C;/</span><span style="color:#001080">span</span><span style="color:#000000">>&#x3C;</span><span style="color:#267F99">span</span><span style="color:#267F99"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#001080"</span><span style="color:#000000">></span><span style="color:#001080">name</span><span style="color:#000000">&#x3C;/</span><span style="color:#001080">span</span><span style="color:#000000">>&#x3C;</span><span style="color:#267F99">span</span><span style="color:#267F99"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">> || &#x3C;/</span><span style="color:#267F99">span</span><span style="color:#000000">>&#x3C;</span><span style="color:#267F99">span</span><span style="color:#267F99"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#A31515"</span><span style="color:#000000">></span><span style="color:#A31515">'Anonymous'</span><span style="color:#000000">&#x3C;/</span><span style="color:#001080">span</span><span style="color:#000000">>&#x3C;</span><span style="color:#267F99">span</span><span style="color:#267F99"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>,&#x3C;/span>&#x3C;/span></span></span>
<span class="line"><span style="color:#000000">&#x3C;span </span><span style="color:#001080">class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">>&#x3C;</span><span style="color:#267F99">span</span><span style="color:#267F99"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#001080"</span><span style="color:#000000">>      </span><span style="color:#001080">email</span><span style="color:#000000">:&#x3C;/</span><span style="color:#267F99">span</span><span style="color:#000000">>&#x3C;</span><span style="color:#267F99">span</span><span style="color:#267F99"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#001080"</span><span style="color:#000000">> </span><span style="color:#001080">userData</span><span style="color:#000000">&#x3C;/</span><span style="color:#001080">span</span><span style="color:#000000">>&#x3C;</span><span style="color:#267F99">span</span><span style="color:#267F99"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>.&#x3C;/</span><span style="color:#001080">span</span><span style="color:#000000">>&#x3C;</span><span style="color:#267F99">span</span><span style="color:#267F99"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#001080"</span><span style="color:#000000">></span><span style="color:#001080">email</span><span style="color:#000000">&#x3C;/</span><span style="color:#001080">span</span><span style="color:#000000">>&#x3C;</span><span style="color:#267F99">span</span><span style="color:#267F99"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">> || &#x3C;/</span><span style="color:#267F99">span</span><span style="color:#000000">>&#x3C;</span><span style="color:#267F99">span</span><span style="color:#267F99"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#A31515"</span><span style="color:#000000">></span><span style="color:#A31515">''</span><span style="color:#000000">&#x3C;/</span><span style="color:#001080">span</span><span style="color:#000000">>&#x3C;</span><span style="color:#267F99">span</span><span style="color:#267F99"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>,&#x3C;/span>&#x3C;/span></span></span>
<span class="line"><span style="color:#000000">&#x3C;span </span><span style="color:#001080">class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">>&#x3C;</span><span style="color:#267F99">span</span><span style="color:#267F99"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#001080"</span><span style="color:#000000">>      </span><span style="color:#001080">createdAt</span><span style="color:#000000">:&#x3C;/</span><span style="color:#267F99">span</span><span style="color:#000000">>&#x3C;</span><span style="color:#267F99">span</span><span style="color:#267F99"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#0000FF"</span><span style="color:#000000">> </span><span style="color:#0000FF">new</span><span style="color:#000000">&#x3C;/</span><span style="color:#001080">span</span><span style="color:#000000">>&#x3C;</span><span style="color:#267F99">span</span><span style="color:#267F99"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#795E26"</span><span style="color:#000000">> </span><span style="color:#001080">Date</span><span style="color:#000000">&#x3C;/</span><span style="color:#001080">span</span><span style="color:#000000">>&#x3C;</span><span style="color:#267F99">span</span><span style="color:#267F99"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>()&#x3C;/</span><span style="color:#001080">span</span><span style="color:#000000">>&#x3C;/</span><span style="color:#267F99">span</span><span style="color:#000000">></span></span>
<span class="line"><span style="color:#000000">&#x3C;span </span><span style="color:#001080">class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">>&#x3C;</span><span style="color:#267F99">span</span><span style="color:#267F99"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>    };&#x3C;/</span><span style="color:#001080">span</span><span style="color:#000000">>&#x3C;/</span><span style="color:#267F99">span</span><span style="color:#000000">></span></span>
<span class="line"><span style="color:#000000">&#x3C;span </span><span style="color:#001080">class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">>&#x3C;/</span><span style="color:#267F99">span</span><span style="color:#000000">></span></span>
<span class="line"><span style="color:#000000">&#x3C;span </span><span style="color:#001080">class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">>&#x3C;</span><span style="color:#267F99">span</span><span style="color:#267F99"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#0000FF"</span><span style="color:#000000">>    </span><span style="color:#0000FF">this</span><span style="color:#000000">&#x3C;/</span><span style="color:#001080">span</span><span style="color:#000000">>&#x3C;</span><span style="color:#267F99">span</span><span style="color:#267F99"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>.&#x3C;/</span><span style="color:#001080">span</span><span style="color:#000000">>&#x3C;</span><span style="color:#267F99">span</span><span style="color:#267F99"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#001080"</span><span style="color:#000000">></span><span style="color:#001080">users</span><span style="color:#000000">&#x3C;/</span><span style="color:#001080">span</span><span style="color:#000000">>&#x3C;</span><span style="color:#267F99">span</span><span style="color:#267F99"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>.&#x3C;/</span><span style="color:#001080">span</span><span style="color:#000000">>&#x3C;</span><span style="color:#267F99">span</span><span style="color:#267F99"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#795E26"</span><span style="color:#000000">></span><span style="color:#001080">push</span><span style="color:#000000">&#x3C;/</span><span style="color:#001080">span</span><span style="color:#000000">>&#x3C;</span><span style="color:#267F99">span</span><span style="color:#267F99"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>(&#x3C;/</span><span style="color:#267F99">span</span><span style="color:#000000">>&#x3C;</span><span style="color:#267F99">span</span><span style="color:#267F99"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#001080"</span><span style="color:#000000">></span><span style="color:#001080">user</span><span style="color:#000000">&#x3C;/</span><span style="color:#001080">span</span><span style="color:#000000">>&#x3C;</span><span style="color:#267F99">span</span><span style="color:#267F99"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>);&#x3C;/</span><span style="color:#001080">span</span><span style="color:#000000">>&#x3C;/</span><span style="color:#267F99">span</span><span style="color:#000000">></span></span>
<span class="line"><span style="color:#000000">&#x3C;span </span><span style="color:#001080">class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">>&#x3C;</span><span style="color:#267F99">span</span><span style="color:#267F99"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#AF00DB"</span><span style="color:#000000">>    </span><span style="color:#001080">return</span><span style="color:#000000">&#x3C;/</span><span style="color:#267F99">span</span><span style="color:#000000">>&#x3C;</span><span style="color:#267F99">span</span><span style="color:#267F99"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#001080"</span><span style="color:#000000">> </span><span style="color:#001080">user</span><span style="color:#000000">&#x3C;/</span><span style="color:#001080">span</span><span style="color:#000000">>&#x3C;</span><span style="color:#267F99">span</span><span style="color:#267F99"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>;&#x3C;/</span><span style="color:#001080">span</span><span style="color:#000000">>&#x3C;/</span><span style="color:#267F99">span</span><span style="color:#000000">></span></span>
<span class="line"><span style="color:#000000">&#x3C;span </span><span style="color:#001080">class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">>&#x3C;</span><span style="color:#267F99">span</span><span style="color:#267F99"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>  }&#x3C;/</span><span style="color:#001080">span</span><span style="color:#000000">>&#x3C;/</span><span style="color:#267F99">span</span><span style="color:#000000">></span></span>
<span class="line"><span style="color:#000000">&#x3C;</span><span style="color:#001080">span</span><span style="color:#001080"> class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">>&#x3C;/</span><span style="color:#267F99">span</span><span style="color:#000000">></span></span>
<span class="line"><span style="color:#000000">&#x3C;</span><span style="color:#001080">span</span><span style="color:#001080"> class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">>&#x3C;</span><span style="color:#267F99">span</span><span style="color:#267F99"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#795E26"</span><span style="color:#000000">>  </span><span style="color:#001080">findUserById</span><span style="color:#000000">&#x3C;/</span><span style="color:#001080">span</span><span style="color:#000000">>&#x3C;</span><span style="color:#267F99">span</span><span style="color:#267F99"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>(&#x3C;/</span><span style="color:#267F99">span</span><span style="color:#000000">>&#x3C;</span><span style="color:#267F99">span</span><span style="color:#267F99"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#001080"</span><span style="color:#000000">></span><span style="color:#001080">id</span><span style="color:#000000">&#x3C;/</span><span style="color:#001080">span</span><span style="color:#000000">>&#x3C;</span><span style="color:#267F99">span</span><span style="color:#267F99"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>: &#x3C;/</span><span style="color:#267F99">span</span><span style="color:#000000">>&#x3C;</span><span style="color:#267F99">span</span><span style="color:#267F99"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#267F99"</span><span style="color:#000000">></span><span style="color:#001080">number</span><span style="color:#000000">&#x3C;/</span><span style="color:#001080">span</span><span style="color:#000000">>&#x3C;</span><span style="color:#267F99">span</span><span style="color:#267F99"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>): &#x3C;/</span><span style="color:#267F99">span</span><span style="color:#000000">>&#x3C;</span><span style="color:#267F99">span</span><span style="color:#267F99"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#267F99"</span><span style="color:#000000">></span><span style="color:#001080">User</span><span style="color:#000000">&#x3C;/</span><span style="color:#001080">span</span><span style="color:#000000">>&#x3C;</span><span style="color:#267F99">span</span><span style="color:#267F99"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">> | &#x3C;/</span><span style="color:#267F99">span</span><span style="color:#000000">>&#x3C;</span><span style="color:#267F99">span</span><span style="color:#267F99"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#267F99"</span><span style="color:#000000">></span><span style="color:#0000FF">undefined</span><span style="color:#000000">&#x3C;/</span><span style="color:#001080">span</span><span style="color:#000000">>&#x3C;</span><span style="color:#267F99">span</span><span style="color:#267F99"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">> {&#x3C;/span>&#x3C;/span></span></span>
<span class="line"><span style="color:#000000">&#x3C;span </span><span style="color:#001080">class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">>&#x3C;</span><span style="color:#267F99">span</span><span style="color:#267F99"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#AF00DB"</span><span style="color:#000000">>    </span><span style="color:#001080">return</span><span style="color:#000000">&#x3C;/</span><span style="color:#267F99">span</span><span style="color:#000000">>&#x3C;</span><span style="color:#267F99">span</span><span style="color:#267F99"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#0000FF"</span><span style="color:#000000">> </span><span style="color:#0000FF">this</span><span style="color:#000000">&#x3C;/</span><span style="color:#001080">span</span><span style="color:#000000">>&#x3C;</span><span style="color:#267F99">span</span><span style="color:#267F99"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>.&#x3C;/</span><span style="color:#001080">span</span><span style="color:#000000">>&#x3C;</span><span style="color:#267F99">span</span><span style="color:#267F99"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#001080"</span><span style="color:#000000">></span><span style="color:#001080">users</span><span style="color:#000000">&#x3C;/</span><span style="color:#001080">span</span><span style="color:#000000">>&#x3C;</span><span style="color:#267F99">span</span><span style="color:#267F99"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>.&#x3C;/</span><span style="color:#001080">span</span><span style="color:#000000">>&#x3C;</span><span style="color:#267F99">span</span><span style="color:#267F99"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#795E26"</span><span style="color:#000000">></span><span style="color:#001080">find</span><span style="color:#000000">&#x3C;/</span><span style="color:#001080">span</span><span style="color:#000000">>&#x3C;</span><span style="color:#267F99">span</span><span style="color:#267F99"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>(&#x3C;/</span><span style="color:#267F99">span</span><span style="color:#000000">>&#x3C;</span><span style="color:#267F99">span</span><span style="color:#267F99"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#001080"</span><span style="color:#000000">></span><span style="color:#001080">user</span><span style="color:#000000">&#x3C;/</span><span style="color:#001080">span</span><span style="color:#000000">>&#x3C;</span><span style="color:#267F99">span</span><span style="color:#267F99"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#0000FF"</span><span style="color:#000000">> </span><span style="color:#0000FF">=></span><span style="color:#000000">&#x3C;/</span><span style="color:#267F99">span</span><span style="color:#000000">>&#x3C;</span><span style="color:#267F99">span</span><span style="color:#267F99"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#001080"</span><span style="color:#000000">> </span><span style="color:#001080">user</span><span style="color:#000000">&#x3C;/</span><span style="color:#001080">span</span><span style="color:#000000">>&#x3C;</span><span style="color:#267F99">span</span><span style="color:#267F99"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>.&#x3C;/</span><span style="color:#001080">span</span><span style="color:#000000">>&#x3C;</span><span style="color:#267F99">span</span><span style="color:#267F99"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#001080"</span><span style="color:#000000">></span><span style="color:#001080">id</span><span style="color:#000000">&#x3C;/</span><span style="color:#001080">span</span><span style="color:#000000">>&#x3C;</span><span style="color:#267F99">span</span><span style="color:#267F99"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">> === &#x3C;/</span><span style="color:#267F99">span</span><span style="color:#000000">>&#x3C;</span><span style="color:#267F99">span</span><span style="color:#267F99"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#001080"</span><span style="color:#000000">></span><span style="color:#001080">id</span><span style="color:#000000">&#x3C;/</span><span style="color:#001080">span</span><span style="color:#000000">>&#x3C;</span><span style="color:#267F99">span</span><span style="color:#267F99"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>);&#x3C;/</span><span style="color:#001080">span</span><span style="color:#000000">>&#x3C;/</span><span style="color:#267F99">span</span><span style="color:#000000">></span></span>
<span class="line"><span style="color:#000000">&#x3C;span </span><span style="color:#001080">class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">>&#x3C;</span><span style="color:#267F99">span</span><span style="color:#267F99"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>  }&#x3C;/</span><span style="color:#001080">span</span><span style="color:#000000">>&#x3C;/</span><span style="color:#267F99">span</span><span style="color:#000000">></span></span>
<span class="line"><span style="color:#000000">&#x3C;</span><span style="color:#001080">span</span><span style="color:#001080"> class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">>&#x3C;</span><span style="color:#267F99">span</span><span style="color:#267F99"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>}&#x3C;/</span><span style="color:#001080">span</span><span style="color:#000000">>&#x3C;/</span><span style="color:#267F99">span</span><span style="color:#000000">></span></span>

#Code Block with Line Numbers

<span class="line"><span>&#x3C;span class="line">&#x3C;span>import { readFile, writeFile } from 'node:fs/promises';&#x3C;/span>&#x3C;/span></span></span>
<span class="line"><span>&#x3C;span class="line">&#x3C;span>import { join } from 'node:path';&#x3C;/span>&#x3C;/span></span></span>
<span class="line"><span>&#x3C;span class="line">&#x3C;span>&#x3C;/span>&#x3C;/span></span></span>
<span class="line"><span>&#x3C;span class="line">&#x3C;span>async function processFile(inputPath: string, outputPath: string): Promise&#x26;#x3C;void> {&#x3C;/span>&#x3C;/span></span></span>
<span class="line"><span>&#x3C;span class="line">&#x3C;span>  try {&#x3C;/span>&#x3C;/span></span></span>
<span class="line"><span>&#x3C;span class="line">&#x3C;span>    // Read the input file&#x3C;/span>&#x3C;/span></span></span>
<span class="line"><span>&#x3C;span class="line">&#x3C;span>    const content = await readFile(inputPath, 'utf8');&#x3C;/span>&#x3C;/span></span></span>
<span class="line"><span>&#x3C;span class="line">&#x3C;span>&#x3C;/span>&#x3C;/span></span></span>
<span class="line"><span>&#x3C;span class="line">&#x3C;span>    // Process the content (example: convert to uppercase)&#x3C;/span>&#x3C;/span></span></span>
<span class="line"><span>&#x3C;span class="line">&#x3C;span>    const processedContent = content.toUpperCase();&#x3C;/span>&#x3C;/span></span></span>
<span class="line"><span>&#x3C;span class="line">&#x3C;span>&#x3C;/span>&#x3C;/span></span></span>
<span class="line"><span>&#x3C;span class="line">&#x3C;span>    // Write to output file&#x3C;/span>&#x3C;/span></span></span>
<span class="line"><span>&#x3C;span class="line">&#x3C;span>    await writeFile(outputPath, processedContent, 'utf8');&#x3C;/span>&#x3C;/span></span></span>
<span class="line"><span>&#x3C;span class="line">&#x3C;span>&#x3C;/span>&#x3C;/span></span></span>
<span class="line"><span>&#x3C;span class="line">&#x3C;span>    console.log('File processed successfully!');&#x3C;/span>&#x3C;/span></span></span>
<span class="line"><span>&#x3C;span class="line">&#x3C;span>  } catch (error) {&#x3C;/span>&#x3C;/span></span></span>
<span class="line"><span>&#x3C;span class="line">&#x3C;span>    console.error('Error processing file:', error);&#x3C;/span>&#x3C;/span></span></span>
<span class="line"><span>&#x3C;span class="line">&#x3C;span>    throw error;&#x3C;/span>&#x3C;/span></span></span>
<span class="line"><span>&#x3C;span class="line">&#x3C;span>  }&#x3C;/span>&#x3C;/span></span></span>
<span class="line"><span>&#x3C;span class="line">&#x3C;span>}&#x3C;/span>&#x3C;/span></span></span>
<span class="line"><span>&#x3C;span class="line">&#x3C;span>&#x3C;/span>&#x3C;/span></span></span>
<span class="line"><span>&#x3C;span class="line">&#x3C;span>// Usage example&#x3C;/span>&#x3C;/span></span></span>
<span class="line"><span>&#x3C;span class="line">&#x3C;span>const inputFile = './input.txt';&#x3C;/span>&#x3C;/span></span></span>
<span class="line"><span>&#x3C;span class="line">&#x3C;span>const outputFile = './output.txt';&#x3C;/span>&#x3C;/span></span></span>
<span class="line"><span>&#x3C;span class="line">&#x3C;span>processFile(inputFile, outputFile);&#x3C;/span>&#x3C;/span></span></span>

#Code Block with Line Highlighting

<span class="line"><span style="color:#800000">&#x3C;span</span><span style="color:#E50000"> class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#800000">>&#x3C;span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#0000FF"</span><span style="color:#800000">></span><span style="color:#000000">const</span><span style="color:#800000">&#x3C;/span>&#x3C;span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#0070C1"</span><span style="color:#800000">></span><span style="color:#000000"> express</span><span style="color:#800000">&#x3C;/span>&#x3C;span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#800000">></span><span style="color:#000000"> = </span><span style="color:#800000">&#x3C;/span>&#x3C;span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#795E26"</span><span style="color:#800000">></span><span style="color:#000000">require</span><span style="color:#800000">&#x3C;/span>&#x3C;span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#800000">></span><span style="color:#000000">(</span><span style="color:#800000">&#x3C;/span>&#x3C;span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#A31515"</span><span style="color:#800000">></span><span style="color:#000000">'express'</span><span style="color:#800000">&#x3C;/span>&#x3C;span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#800000">></span><span style="color:#000000">);</span><span style="color:#800000">&#x3C;/span>&#x3C;/span></span></span>
<span class="line"><span style="color:#800000">&#x3C;span</span><span style="color:#E50000"> class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#800000">>&#x3C;span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#0000FF"</span><span style="color:#800000">></span><span style="color:#000000">const</span><span style="color:#800000">&#x3C;/span>&#x3C;span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#0070C1"</span><span style="color:#800000">></span><span style="color:#000000"> app</span><span style="color:#800000">&#x3C;/span>&#x3C;span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#800000">></span><span style="color:#000000"> = </span><span style="color:#800000">&#x3C;/span>&#x3C;span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#795E26"</span><span style="color:#800000">></span><span style="color:#000000">express</span><span style="color:#800000">&#x3C;/span>&#x3C;span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#800000">></span><span style="color:#000000">();</span><span style="color:#800000">&#x3C;/span>&#x3C;/span></span></span>
<span class="line"><span style="color:#800000">&#x3C;span</span><span style="color:#E50000"> class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#800000">>&#x3C;span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#0000FF"</span><span style="color:#800000">></span><span style="color:#000000">const</span><span style="color:#800000">&#x3C;/span>&#x3C;span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#0070C1"</span><span style="color:#800000">></span><span style="color:#000000"> port</span><span style="color:#800000">&#x3C;/span>&#x3C;span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#800000">></span><span style="color:#000000"> = </span><span style="color:#800000">&#x3C;/span>&#x3C;span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#098658"</span><span style="color:#800000">></span><span style="color:#000000">3000</span><span style="color:#800000">&#x3C;/span>&#x3C;span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#800000">></span><span style="color:#000000">;</span><span style="color:#800000">&#x3C;/span>&#x3C;/span></span></span>
<span class="line"><span style="color:#800000">&#x3C;span</span><span style="color:#E50000"> class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#800000">>&#x3C;/span></span></span>
<span class="line"><span style="color:#800000">&#x3C;span</span><span style="color:#E50000"> class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#800000">>&#x3C;span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#008000"</span><span style="color:#800000">></span><span style="color:#000000">// Middleware setup</span><span style="color:#800000">&#x3C;/span>&#x3C;/span></span></span>
<span class="line"><span style="color:#800000">&#x3C;span</span><span style="color:#E50000"> class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#800000">>&#x3C;span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#001080"</span><span style="color:#800000">></span><span style="color:#000000">app</span><span style="color:#800000">&#x3C;/span>&#x3C;span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#800000">></span><span style="color:#000000">.</span><span style="color:#800000">&#x3C;/span>&#x3C;span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#795E26"</span><span style="color:#800000">></span><span style="color:#000000">use</span><span style="color:#800000">&#x3C;/span>&#x3C;span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#800000">></span><span style="color:#000000">(</span><span style="color:#800000">&#x3C;/span>&#x3C;span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#001080"</span><span style="color:#800000">></span><span style="color:#000000">express</span><span style="color:#800000">&#x3C;/span>&#x3C;span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#800000">></span><span style="color:#000000">.</span><span style="color:#800000">&#x3C;/span>&#x3C;span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#795E26"</span><span style="color:#800000">></span><span style="color:#000000">json</span><span style="color:#800000">&#x3C;/span>&#x3C;span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#800000">></span><span style="color:#000000">());</span><span style="color:#800000">&#x3C;/span>&#x3C;/span></span></span>
<span class="line"><span style="color:#800000">&#x3C;span</span><span style="color:#E50000"> class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#800000">>&#x3C;span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#001080"</span><span style="color:#800000">></span><span style="color:#000000">app</span><span style="color:#800000">&#x3C;/span>&#x3C;span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#800000">></span><span style="color:#000000">.</span><span style="color:#800000">&#x3C;/span>&#x3C;span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#795E26"</span><span style="color:#800000">></span><span style="color:#000000">use</span><span style="color:#800000">&#x3C;/span>&#x3C;span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#800000">></span><span style="color:#000000">(</span><span style="color:#800000">&#x3C;/span>&#x3C;span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#001080"</span><span style="color:#800000">></span><span style="color:#000000">express</span><span style="color:#800000">&#x3C;/span>&#x3C;span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#800000">></span><span style="color:#000000">.</span><span style="color:#800000">&#x3C;/span>&#x3C;span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#795E26"</span><span style="color:#800000">></span><span style="color:#000000">urlencoded</span><span style="color:#800000">&#x3C;/span>&#x3C;span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#800000">></span><span style="color:#000000">(</span><span style="color:#0000FF">{</span><span style="color:#000000"> &#x3C;/</span><span style="color:#001080">span</span><span style="color:#000000">></span><span style="color:#800000">&#x3C;span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#001080"</span><span style="color:#800000">></span><span style="color:#000000FF">extended:</span><span style="color:#800000">&#x3C;/span>&#x3C;span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#0000FF"</span><span style="color:#800000">></span><span style="color:#000000FF"> true</span><span style="color:#800000">&#x3C;/span>&#x3C;span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#800000">></span><span style="color:#000000FF"> }));</span><span style="color:#800000">&#x3C;/span></span><span style="color:#000000">&#x3C;/</span><span style="color:#001080">span</span><span style="color:#000000">></span></span>
<span class="line"><span style="color:#800000">&#x3C;span</span><span style="color:#E50000"> class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#800000">>&#x3C;/span></span></span>
<span class="line"><span style="color:#800000">&#x3C;span</span><span style="color:#E50000"> class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#800000">>&#x3C;span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#008000"</span><span style="color:#800000">></span><span style="color:#000000FF">// Routes</span><span style="color:#800000">&#x3C;/span>&#x3C;/span></span></span>
<span class="line"><span style="color:#800000">&#x3C;span</span><span style="color:#E50000"> class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#800000">>&#x3C;span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#001080"</span><span style="color:#800000">></span><span style="color:#000000FF">app</span><span style="color:#800000">&#x3C;/span>&#x3C;span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#800000">></span><span style="color:#000000FF">.</span><span style="color:#800000">&#x3C;/span>&#x3C;span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#795E26"</span><span style="color:#800000">></span><span style="color:#000000FF">get</span><span style="color:#800000">&#x3C;/span>&#x3C;span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#800000">></span><span style="color:#000000FF">(</span><span style="color:#800000">&#x3C;/span>&#x3C;span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#A31515"</span><span style="color:#800000">></span><span style="color:#000000FF">'/'</span><span style="color:#800000">&#x3C;/span>&#x3C;span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#800000">></span><span style="color:#000000FF">, (</span><span style="color:#800000">&#x3C;/span>&#x3C;span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#001080"</span><span style="color:#800000">></span><span style="color:#000000FF">req</span><span style="color:#800000">&#x3C;/span>&#x3C;span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#800000">></span><span style="color:#000000FF">, </span><span style="color:#800000">&#x3C;/span>&#x3C;span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#001080"</span><span style="color:#800000">></span><span style="color:#000000FF">res</span><span style="color:#800000">&#x3C;/span>&#x3C;span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#800000">></span><span style="color:#000000FF">) </span><span style="color:#800000">&#x3C;/span>&#x3C;span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#0000FF"</span><span style="color:#800000">></span><span style="color:#000000FF">=></span><span style="color:#800000">&#x3C;/span>&#x3C;span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#800000">></span><span style="color:#0000FF"> {</span><span style="color:#000000">&#x3C;/</span><span style="color:#001080">span</span><span style="color:#000000">>&#x3C;/</span><span style="color:#001080">span</span><span style="color:#000000">></span></span>
<span class="line"><span style="color:#800000">&#x3C;span</span><span style="color:#E50000"> class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#800000">>&#x3C;span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#001080"</span><span style="color:#800000">></span><span style="color:#000000FF">  res</span><span style="color:#800000">&#x3C;/span>&#x3C;span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#800000">></span><span style="color:#000000FF">.</span><span style="color:#800000">&#x3C;/span>&#x3C;span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#795E26"</span><span style="color:#800000">></span><span style="color:#000000FF">json</span><span style="color:#800000">&#x3C;/span>&#x3C;span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#800000">></span><span style="color:#000000FF">(</span><span style="color:#0000FF">{</span><span style="color:#000000"> &#x3C;/</span><span style="color:#001080">span</span><span style="color:#000000">></span><span style="color:#800000">&#x3C;span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#001080"</span><span style="color:#800000">></span><span style="color:#000000FF">message:</span><span style="color:#800000">&#x3C;/span>&#x3C;span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#A31515"</span><span style="color:#800000">></span><span style="color:#000000FF"> 'Hello World!'</span><span style="color:#800000">&#x3C;/span>&#x3C;span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#800000">></span><span style="color:#000000FF"> });</span><span style="color:#800000">&#x3C;/span></span><span style="color:#000000">&#x3C;/</span><span style="color:#001080">span</span><span style="color:#000000">></span></span>
<span class="line"><span style="color:#800000">&#x3C;span</span><span style="color:#E50000"> class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#800000">>&#x3C;span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#800000">></span><span style="color:#000000FF">});</span><span style="color:#800000">&#x3C;/span>&#x3C;/span></span></span>
<span class="line"><span style="color:#800000">&#x3C;span</span><span style="color:#E50000"> class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#800000">>&#x3C;/span></span></span>
<span class="line"><span style="color:#800000">&#x3C;span</span><span style="color:#E50000"> class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#800000">>&#x3C;span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#001080"</span><span style="color:#800000">></span><span style="color:#000000FF">app</span><span style="color:#800000">&#x3C;/span>&#x3C;span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#800000">></span><span style="color:#000000FF">.</span><span style="color:#800000">&#x3C;/span>&#x3C;span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#795E26"</span><span style="color:#800000">></span><span style="color:#000000FF">post</span><span style="color:#800000">&#x3C;/span>&#x3C;span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#800000">></span><span style="color:#000000FF">(</span><span style="color:#800000">&#x3C;/span>&#x3C;span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#A31515"</span><span style="color:#800000">></span><span style="color:#000000FF">'/users'</span><span style="color:#800000">&#x3C;/span>&#x3C;span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#800000">></span><span style="color:#000000FF">, (</span><span style="color:#800000">&#x3C;/span>&#x3C;span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#001080"</span><span style="color:#800000">></span><span style="color:#000000FF">req</span><span style="color:#800000">&#x3C;/span>&#x3C;span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#800000">></span><span style="color:#000000FF">, </span><span style="color:#800000">&#x3C;/span>&#x3C;span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#001080"</span><span style="color:#800000">></span><span style="color:#000000FF">res</span><span style="color:#800000">&#x3C;/span>&#x3C;span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#800000">></span><span style="color:#000000FF">) </span><span style="color:#800000">&#x3C;/span>&#x3C;span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#0000FF"</span><span style="color:#800000">></span><span style="color:#000000FF">=></span><span style="color:#800000">&#x3C;/span>&#x3C;span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#800000">></span><span style="color:#0000FF"> {</span><span style="color:#000000">&#x3C;/</span><span style="color:#001080">span</span><span style="color:#000000">>&#x3C;/</span><span style="color:#001080">span</span><span style="color:#000000">></span></span>
<span class="line"><span style="color:#800000">&#x3C;span</span><span style="color:#E50000"> class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#800000">>&#x3C;span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#0000FF"</span><span style="color:#800000">></span><span style="color:#000000FF">  const</span><span style="color:#800000">&#x3C;/span>&#x3C;span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#0070C1"</span><span style="color:#800000">></span><span style="color:#000000FF"> user</span><span style="color:#800000">&#x3C;/span>&#x3C;span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#800000">></span><span style="color:#000000FF"> = </span><span style="color:#800000">&#x3C;/span>&#x3C;span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#001080"</span><span style="color:#800000">></span><span style="color:#000000FF">req</span><span style="color:#800000">&#x3C;/span>&#x3C;span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#800000">></span><span style="color:#000000FF">.</span><span style="color:#800000">&#x3C;/span>&#x3C;span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#001080"</span><span style="color:#800000">></span><span style="color:#000000FF">body</span><span style="color:#800000">&#x3C;/span>&#x3C;span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#800000">></span><span style="color:#000000FF">;</span><span style="color:#800000">&#x3C;/span>&#x3C;/span></span></span>
<span class="line"><span style="color:#800000">&#x3C;span</span><span style="color:#E50000"> class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#800000">>&#x3C;span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#008000"</span><span style="color:#800000">></span><span style="color:#000000FF">  // Process user data here</span><span style="color:#800000">&#x3C;/span>&#x3C;/span></span></span>
<span class="line"><span style="color:#800000">&#x3C;span</span><span style="color:#E50000"> class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#800000">>&#x3C;span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#001080"</span><span style="color:#800000">></span><span style="color:#000000FF">  res</span><span style="color:#800000">&#x3C;/span>&#x3C;span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#800000">></span><span style="color:#000000FF">.</span><span style="color:#800000">&#x3C;/span>&#x3C;span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#795E26"</span><span style="color:#800000">></span><span style="color:#000000FF">status</span><span style="color:#800000">&#x3C;/span>&#x3C;span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#800000">></span><span style="color:#000000FF">(</span><span style="color:#800000">&#x3C;/span>&#x3C;span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#098658"</span><span style="color:#800000">></span><span style="color:#000000FF">201</span><span style="color:#800000">&#x3C;/span>&#x3C;span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#800000">></span><span style="color:#000000FF">).</span><span style="color:#800000">&#x3C;/span>&#x3C;span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#795E26"</span><span style="color:#800000">></span><span style="color:#000000FF">json</span><span style="color:#800000">&#x3C;/span>&#x3C;span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#800000">></span><span style="color:#000000FF">(</span><span style="color:#800000">&#x3C;/span>&#x3C;span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#001080"</span><span style="color:#800000">></span><span style="color:#000000FF">user</span><span style="color:#800000">&#x3C;/span>&#x3C;span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#800000">></span><span style="color:#000000FF">);</span><span style="color:#800000">&#x3C;/span>&#x3C;/span></span></span>
<span class="line"><span style="color:#800000">&#x3C;span</span><span style="color:#E50000"> class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#800000">>&#x3C;span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#800000">></span><span style="color:#000000FF">});</span><span style="color:#800000">&#x3C;/span>&#x3C;/span></span></span>
<span class="line"><span style="color:#800000">&#x3C;span</span><span style="color:#E50000"> class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#800000">>&#x3C;/span></span></span>
<span class="line"><span style="color:#800000">&#x3C;span</span><span style="color:#E50000"> class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#800000">>&#x3C;span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#001080"</span><span style="color:#800000">></span><span style="color:#000000FF">app</span><span style="color:#800000">&#x3C;/span>&#x3C;span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#800000">></span><span style="color:#000000FF">.</span><span style="color:#800000">&#x3C;/span>&#x3C;span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#795E26"</span><span style="color:#800000">></span><span style="color:#000000FF">listen</span><span style="color:#800000">&#x3C;/span>&#x3C;span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#800000">></span><span style="color:#000000FF">(</span><span style="color:#800000">&#x3C;/span>&#x3C;span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#001080"</span><span style="color:#800000">></span><span style="color:#000000FF">port</span><span style="color:#800000">&#x3C;/span>&#x3C;span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#800000">></span><span style="color:#000000FF">, () </span><span style="color:#800000">&#x3C;/span>&#x3C;span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#0000FF"</span><span style="color:#800000">></span><span style="color:#000000FF">=></span><span style="color:#800000">&#x3C;/span>&#x3C;span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#800000">></span><span style="color:#0000FF"> {</span><span style="color:#000000">&#x3C;/</span><span style="color:#001080">span</span><span style="color:#000000">>&#x3C;/</span><span style="color:#001080">span</span><span style="color:#000000">></span></span>
<span class="line"><span style="color:#800000">&#x3C;span</span><span style="color:#E50000"> class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#800000">>&#x3C;span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#001080"</span><span style="color:#800000">></span><span style="color:#000000FF">  console</span><span style="color:#800000">&#x3C;/span>&#x3C;span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#800000">></span><span style="color:#000000FF">.</span><span style="color:#800000">&#x3C;/span>&#x3C;span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#795E26"</span><span style="color:#800000">></span><span style="color:#000000FF">log</span><span style="color:#800000">&#x3C;/span>&#x3C;span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#800000">></span><span style="color:#000000FF">(</span><span style="color:#800000">&#x3C;/span>&#x3C;span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#A31515"</span><span style="color:#800000">></span><span style="color:#000000FF">`Server running on port </span><span style="color:#800000">&#x3C;/span>&#x3C;span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#0000FF"</span><span style="color:#800000">></span><span style="color:#000000FF">$</span><span style="color:#0000FF">{</span><span style="color:#000000">&#x3C;/</span><span style="color:#001080">span</span><span style="color:#000000">></span><span style="color:#800000">&#x3C;span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#001080"</span><span style="color:#800000">></span><span style="color:#000000FF">port</span><span style="color:#800000">&#x3C;/span>&#x3C;span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#0000FF"</span><span style="color:#800000">></span><span style="color:#000000FF">}</span><span style="color:#800000">&#x3C;/span>&#x3C;span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#A31515"</span><span style="color:#800000">></span><span style="color:#000000FF">`</span><span style="color:#800000">&#x3C;/span>&#x3C;span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#800000">></span><span style="color:#000000FF">);</span><span style="color:#800000">&#x3C;/span></span><span style="color:#000000">&#x3C;/</span><span style="color:#001080">span</span><span style="color:#000000">></span></span>
<span class="line"><span style="color:#800000">&#x3C;span</span><span style="color:#E50000"> class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#800000">>&#x3C;span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#800000">></span><span style="color:#000000FF">});</span><span style="color:#800000">&#x3C;/span>&#x3C;/span></span></span>

#Code Block with Range Highlighting

<span class="line"><span style="color:#000000">&#x3C;span </span><span style="color:#0000FF">class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">>&#x3C;span style=</span><span style="color:#A31515">"color:#AF00DB"</span><span style="color:#000000">></span><span style="color:#AF00DB">import</span><span style="color:#000000">&#x3C;/span>&#x3C;span style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">> asyncio&#x3C;/span>&#x3C;/span></span></span>
<span class="line"><span style="color:#000000">&#x3C;span </span><span style="color:#0000FF">class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">>&#x3C;span style=</span><span style="color:#A31515">"color:#AF00DB"</span><span style="color:#000000">></span><span style="color:#AF00DB">import</span><span style="color:#000000">&#x3C;/span>&#x3C;span style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">> aiohttp&#x3C;/span>&#x3C;/span></span></span>
<span class="line"><span style="color:#000000">&#x3C;span </span><span style="color:#0000FF">class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">>&#x3C;span style=</span><span style="color:#A31515">"color:#AF00DB"</span><span style="color:#000000">></span><span style="color:#AF00DB">from</span><span style="color:#000000">&#x3C;/span>&#x3C;span style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">> typing &#x3C;/span>&#x3C;span style=</span><span style="color:#A31515">"color:#AF00DB"</span><span style="color:#000000">></span><span style="color:#AF00DB">import</span><span style="color:#000000">&#x3C;/span>&#x3C;span style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">> List, Dict, Any&#x3C;/span>&#x3C;/span></span></span>
<span class="line"><span style="color:#000000">&#x3C;span </span><span style="color:#0000FF">class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">>&#x3C;/span></span></span>
<span class="line"><span style="color:#000000">&#x3C;span </span><span style="color:#0000FF">class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">>&#x3C;span style=</span><span style="color:#A31515">"color:#0000FF"</span><span style="color:#000000">></span><span style="color:#AF00DB">async</span><span style="color:#000000">&#x3C;/span>&#x3C;span style=</span><span style="color:#A31515">"color:#0000FF"</span><span style="color:#000000">> </span><span style="color:#0000FF">def</span><span style="color:#000000">&#x3C;/span>&#x3C;span style=</span><span style="color:#A31515">"color:#795E26"</span><span style="color:#000000">> fetch_user_data&#x3C;/span>&#x3C;span style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>(&#x3C;/span>&#x3C;span style=</span><span style="color:#A31515">"color:#001080"</span><span style="color:#000000">>user_id&#x3C;/span>&#x3C;span style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>: &#x3C;/span>&#x3C;span style=</span><span style="color:#A31515">"color:#267F99"</span><span style="color:#000000">></span><span style="color:#267F99">int</span><span style="color:#000000">&#x3C;/span>&#x3C;span style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>) </span><span style="color:#CD3131">-></span><span style="color:#000000"> Dict[&#x3C;/span>&#x3C;span style=</span><span style="color:#A31515">"color:#267F99"</span><span style="color:#000000">></span><span style="color:#267F99">str</span><span style="color:#000000">&#x3C;/span>&#x3C;span style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>, Any]:&#x3C;/span>&#x3C;/span></span></span>
<span class="line"><span style="color:#000000">&#x3C;span </span><span style="color:#0000FF">class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">>&#x3C;span style=</span><span style="color:#A31515">"color:#A31515"</span><span style="color:#000000">>    </span><span style="color:#A31515">"""Fetch user data from API"""</span><span style="color:#000000">&#x3C;/span>&#x3C;/span></span></span>
<span class="line"><span style="color:#000000">&#x3C;span </span><span style="color:#0000FF">class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">>&#x3C;span style=</span><span style="color:#A31515">"color:#AF00DB"</span><span style="color:#000000">>    </span><span style="color:#AF00DB">async</span><span style="color:#000000">&#x3C;/span>&#x3C;span style=</span><span style="color:#A31515">"color:#AF00DB"</span><span style="color:#000000">> </span><span style="color:#AF00DB">with</span><span style="color:#000000">&#x3C;/span>&#x3C;span style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">> aiohttp.ClientSession() &#x3C;/span>&#x3C;span style=</span><span style="color:#A31515">"color:#AF00DB"</span><span style="color:#000000">></span><span style="color:#AF00DB">as</span><span style="color:#000000">&#x3C;/span>&#x3C;span style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">> session:&#x3C;/span>&#x3C;/span></span></span>
<span class="line"><span style="color:#000000">&#x3C;span </span><span style="color:#0000FF">class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">>&#x3C;span style=</span><span style="color:#A31515">"color:#AF00DB"</span><span style="color:#000000">>        </span><span style="color:#AF00DB">async</span><span style="color:#000000">&#x3C;/span>&#x3C;span style=</span><span style="color:#A31515">"color:#AF00DB"</span><span style="color:#000000">> </span><span style="color:#AF00DB">with</span><span style="color:#000000">&#x3C;/span>&#x3C;span style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">> session.get(&#x3C;/span>&#x3C;span </span><span style="color:#001080">style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#0000FF"</span><span style="color:#000000">>f&#x3C;/span>&#x3C;span </span><span style="color:#001080">style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#A31515"</span><span style="color:#000000">></span><span style="color:#A31515">'https://api.example.com/users/&#x3C;/span>&#x3C;span style="color:#0000FF">{&#x3C;/span>&#x3C;span style="color:#000000">user_id&#x3C;/span>&#x3C;span style="color:#0000FF">}&#x3C;/span>&#x3C;span style="color:#A31515">'</span><span style="color:#000000">&#x3C;/span>&#x3C;span </span><span style="color:#001080">style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>) &#x3C;/span>&#x3C;span style=</span><span style="color:#A31515">"color:#AF00DB"</span><span style="color:#000000">></span><span style="color:#AF00DB">as</span><span style="color:#000000">&#x3C;/span>&#x3C;span style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">> response:&#x3C;/span>&#x3C;/span></span></span>
<span class="line"><span style="color:#000000">&#x3C;span </span><span style="color:#0000FF">class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">>&#x3C;span style=</span><span style="color:#A31515">"color:#AF00DB"</span><span style="color:#000000">>            </span><span style="color:#AF00DB">return</span><span style="color:#000000">&#x3C;/span>&#x3C;span style=</span><span style="color:#A31515">"color:#AF00DB"</span><span style="color:#000000">> </span><span style="color:#AF00DB">await</span><span style="color:#000000">&#x3C;/span>&#x3C;span style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">> response.json()&#x3C;/span>&#x3C;/span></span></span>
<span class="line"><span style="color:#000000">&#x3C;span </span><span style="color:#0000FF">class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">>&#x3C;/span></span></span>
<span class="line"><span style="color:#000000">&#x3C;span </span><span style="color:#0000FF">class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">>&#x3C;span style=</span><span style="color:#A31515">"color:#0000FF"</span><span style="color:#000000">></span><span style="color:#AF00DB">async</span><span style="color:#000000">&#x3C;/span>&#x3C;span style=</span><span style="color:#A31515">"color:#0000FF"</span><span style="color:#000000">> </span><span style="color:#0000FF">def</span><span style="color:#000000">&#x3C;/span>&#x3C;span style=</span><span style="color:#A31515">"color:#795E26"</span><span style="color:#000000">> process_users&#x3C;/span>&#x3C;span style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>(&#x3C;/span>&#x3C;span style=</span><span style="color:#A31515">"color:#001080"</span><span style="color:#000000">>user_ids&#x3C;/span>&#x3C;span style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>: List[&#x3C;/span>&#x3C;span style=</span><span style="color:#A31515">"color:#267F99"</span><span style="color:#000000">></span><span style="color:#267F99">int</span><span style="color:#000000">&#x3C;/span>&#x3C;span style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>]) </span><span style="color:#CD3131">-></span><span style="color:#000000"> List[Dict[&#x3C;/span>&#x3C;span style=</span><span style="color:#A31515">"color:#267F99"</span><span style="color:#000000">></span><span style="color:#267F99">str</span><span style="color:#000000">&#x3C;/span>&#x3C;span style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>, Any]]:&#x3C;/span>&#x3C;/span></span></span>
<span class="line"><span style="color:#000000">&#x3C;span </span><span style="color:#0000FF">class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">>&#x3C;span style=</span><span style="color:#A31515">"color:#A31515"</span><span style="color:#000000">>    </span><span style="color:#A31515">"""Process multiple users concurrently"""</span><span style="color:#000000">&#x3C;/span>&#x3C;/span></span></span>
<span class="line"><span style="color:#000000">&#x3C;span </span><span style="color:#0000FF">class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">>&#x3C;span style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>    tasks = [fetch_user_data(user_id) &#x3C;/span>&#x3C;span style=</span><span style="color:#A31515">"color:#AF00DB"</span><span style="color:#000000">></span><span style="color:#AF00DB">for</span><span style="color:#000000">&#x3C;/span>&#x3C;span style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">> user_id &#x3C;/span>&#x3C;span style=</span><span style="color:#A31515">"color:#AF00DB"</span><span style="color:#000000">></span><span style="color:#AF00DB">in</span><span style="color:#000000">&#x3C;/span>&#x3C;span style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">> user_ids]&#x3C;/span>&#x3C;/span></span></span>
<span class="line"><span style="color:#000000">&#x3C;span </span><span style="color:#0000FF">class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">>&#x3C;span style=</span><span style="color:#A31515">"color:#AF00DB"</span><span style="color:#000000">>    </span><span style="color:#AF00DB">return</span><span style="color:#000000">&#x3C;/span>&#x3C;span style=</span><span style="color:#A31515">"color:#AF00DB"</span><span style="color:#000000">> </span><span style="color:#AF00DB">await</span><span style="color:#000000">&#x3C;/span>&#x3C;span style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">> asyncio.gather(*tasks)&#x3C;/span>&#x3C;/span></span></span>
<span class="line"><span style="color:#000000">&#x3C;span </span><span style="color:#0000FF">class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">>&#x3C;/span></span></span>
<span class="line"><span style="color:#000000">&#x3C;span </span><span style="color:#0000FF">class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">>&#x3C;span style=</span><span style="color:#A31515">"color:#008000"</span><span style="color:#000000">></span><span style="color:#008000"># Usage&#x3C;/span>&#x3C;/span></span></span>
<span class="line"><span style="color:#000000">&#x3C;span </span><span style="color:#0000FF">class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">>&#x3C;span style=</span><span style="color:#A31515">"color:#0000FF"</span><span style="color:#000000">></span><span style="color:#AF00DB">async</span><span style="color:#000000">&#x3C;/span>&#x3C;span style=</span><span style="color:#A31515">"color:#0000FF"</span><span style="color:#000000">> </span><span style="color:#0000FF">def</span><span style="color:#000000">&#x3C;/span>&#x3C;span style=</span><span style="color:#A31515">"color:#795E26"</span><span style="color:#000000">> main&#x3C;/span>&#x3C;span style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>():&#x3C;/span>&#x3C;/span></span></span>
<span class="line"><span style="color:#000000">&#x3C;span </span><span style="color:#0000FF">class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">>&#x3C;span style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>    user_ids = [&#x3C;/span>&#x3C;span style=</span><span style="color:#A31515">"color:#098658"</span><span style="color:#000000">></span><span style="color:#098658">1</span><span style="color:#000000">&#x3C;/span>&#x3C;span style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>, &#x3C;/span>&#x3C;span style=</span><span style="color:#A31515">"color:#098658"</span><span style="color:#000000">></span><span style="color:#098658">2</span><span style="color:#000000">&#x3C;/span>&#x3C;span style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>, &#x3C;/span>&#x3C;span style=</span><span style="color:#A31515">"color:#098658"</span><span style="color:#000000">></span><span style="color:#098658">3</span><span style="color:#000000">&#x3C;/span>&#x3C;span style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>, &#x3C;/span>&#x3C;span style=</span><span style="color:#A31515">"color:#098658"</span><span style="color:#000000">></span><span style="color:#098658">4</span><span style="color:#000000">&#x3C;/span>&#x3C;span style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>, &#x3C;/span>&#x3C;span style=</span><span style="color:#A31515">"color:#098658"</span><span style="color:#000000">></span><span style="color:#098658">5</span><span style="color:#000000">&#x3C;/span>&#x3C;span style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>]&#x3C;/span>&#x3C;/span></span></span>
<span class="line"><span style="color:#000000">&#x3C;span </span><span style="color:#0000FF">class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">>&#x3C;span style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>    users_data = &#x3C;/span>&#x3C;span style=</span><span style="color:#A31515">"color:#AF00DB"</span><span style="color:#000000">></span><span style="color:#AF00DB">await</span><span style="color:#000000">&#x3C;/span>&#x3C;span style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">> process_users(user_ids)&#x3C;/span>&#x3C;/span></span></span>
<span class="line"><span style="color:#000000">&#x3C;span </span><span style="color:#0000FF">class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">>&#x3C;span style=</span><span style="color:#A31515">"color:#795E26"</span><span style="color:#000000">>    </span><span style="color:#795E26">print</span><span style="color:#000000">&#x3C;/span>&#x3C;span style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>(&#x3C;/span>&#x3C;span style=</span><span style="color:#A31515">"color:#0000FF"</span><span style="color:#000000">>f&#x3C;/span>&#x3C;span style=</span><span style="color:#A31515">"color:#A31515"</span><span style="color:#000000">></span><span style="color:#A31515">"Processed &#x3C;/span>&#x3C;span style="</span><span style="color:#000000">color:</span><span style="color:#008000">#0000FF">{&#x3C;/span>&#x3C;span style="color:#795E26">len&#x3C;/span>&#x3C;span style="color:#000000">(users_data)&#x3C;/span>&#x3C;span style="color:#0000FF">}&#x3C;/span>&#x3C;span style="color:#A31515"> users"&#x3C;/span>&#x3C;span style="color:#000000">)&#x3C;/span>&#x3C;/span></span></span>
<span class="line"><span style="color:#000000">&#x3C;span </span><span style="color:#AF00DB">class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">>&#x3C;/span></span></span>
<span class="line"><span style="color:#000000">&#x3C;span </span><span style="color:#AF00DB">class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">>&#x3C;span style=</span><span style="color:#A31515">"color:#AF00DB"</span><span style="color:#000000">></span><span style="color:#AF00DB">if</span><span style="color:#000000">&#x3C;/span>&#x3C;span style=</span><span style="color:#A31515">"color:#001080"</span><span style="color:#000000">> </span><span style="color:#001080">__name__</span><span style="color:#000000">&#x3C;/span>&#x3C;span style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">> == &#x3C;/span>&#x3C;span style=</span><span style="color:#A31515">"color:#A31515"</span><span style="color:#000000">></span><span style="color:#A31515">"__main__"</span><span style="color:#000000">&#x3C;/span>&#x3C;span style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>:&#x3C;/span>&#x3C;/span></span></span>
<span class="line"><span style="color:#000000">&#x3C;span </span><span style="color:#AF00DB">class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">>&#x3C;span style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>    asyncio.run(main())&#x3C;/span>&#x3C;/span></span></span>

#Multiple Code Blocks

#HTML Example

<span class="line"><span style="color:#800000">&#x3C;span</span><span style="color:#E50000"> class</span><span style="color:#000000">=</span><span style="color:#0000FF">"line"</span><span style="color:#800000">>&#x3C;span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#0000FF">"color:#800000"</span><span style="color:#800000">></span><span style="color:#0000FF">&#x26;#x3C;</span><span style="color:#000000">!DOCTYPE</span><span style="color:#800000">&#x3C;/span>&#x3C;span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#0000FF">"color:#E50000"</span><span style="color:#800000">></span><span style="color:#000000"> html</span><span style="color:#800000">&#x3C;/span>&#x3C;span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#0000FF">"color:#800000"</span><span style="color:#800000">></span><span style="color:#000000">></span><span style="color:#800000">&#x3C;/span>&#x3C;/span></span></span>
<span class="line"><span style="color:#800000">&#x3C;span</span><span style="color:#E50000"> class</span><span style="color:#000000">=</span><span style="color:#0000FF">"line"</span><span style="color:#800000">>&#x3C;span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#0000FF">"color:#800000"</span><span style="color:#800000">></span><span style="color:#0000FF">&#x26;#x3C;</span><span style="color:#000000">html</span><span style="color:#800000">&#x3C;/span>&#x3C;span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#0000FF">"color:#E50000"</span><span style="color:#800000">></span><span style="color:#000000"> lang</span><span style="color:#800000">&#x3C;/span>&#x3C;span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#0000FF">"color:#000000"</span><span style="color:#800000">></span><span style="color:#000000">=</span><span style="color:#800000">&#x3C;/span>&#x3C;span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#0000FF">"color:#0000FF"</span><span style="color:#800000">></span><span style="color:#000000">"en"</span><span style="color:#800000">&#x3C;/span>&#x3C;span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#0000FF">"color:#800000"</span><span style="color:#800000">></span><span style="color:#000000">></span><span style="color:#800000">&#x3C;/span>&#x3C;/span></span></span>
<span class="line"><span style="color:#800000">&#x3C;span</span><span style="color:#E50000"> class</span><span style="color:#000000">=</span><span style="color:#0000FF">"line"</span><span style="color:#800000">>&#x3C;span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#0000FF">"color:#800000"</span><span style="color:#800000">></span><span style="color:#0000FF">&#x26;#x3C;</span><span style="color:#000000">head></span><span style="color:#800000">&#x3C;/span>&#x3C;/span></span></span>
<span class="line"><span style="color:#800000">&#x3C;span</span><span style="color:#E50000"> class</span><span style="color:#000000">=</span><span style="color:#0000FF">"line"</span><span style="color:#800000">>&#x3C;span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#0000FF">"color:#800000"</span><span style="color:#800000">></span><span style="color:#0000FF">  &#x26;#x3C;</span><span style="color:#000000">meta</span><span style="color:#800000">&#x3C;/span>&#x3C;span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#0000FF">"color:#E50000"</span><span style="color:#800000">></span><span style="color:#000000"> charset</span><span style="color:#800000">&#x3C;/span>&#x3C;span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#0000FF">"color:#000000"</span><span style="color:#800000">></span><span style="color:#000000">=</span><span style="color:#800000">&#x3C;/span>&#x3C;span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#0000FF">"color:#0000FF"</span><span style="color:#800000">></span><span style="color:#000000">"UTF-8"</span><span style="color:#800000">&#x3C;/span>&#x3C;span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#0000FF">"color:#800000"</span><span style="color:#800000">></span><span style="color:#000000">></span><span style="color:#800000">&#x3C;/span>&#x3C;/span></span></span>
<span class="line"><span style="color:#800000">&#x3C;span</span><span style="color:#E50000"> class</span><span style="color:#000000">=</span><span style="color:#0000FF">"line"</span><span style="color:#800000">>&#x3C;span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#0000FF">"color:#800000"</span><span style="color:#800000">></span><span style="color:#0000FF">  &#x26;#x3C;</span><span style="color:#000000">meta</span><span style="color:#800000">&#x3C;/span>&#x3C;span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#0000FF">"color:#E50000"</span><span style="color:#800000">></span><span style="color:#000000"> name</span><span style="color:#800000">&#x3C;/span>&#x3C;span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#0000FF">"color:#000000"</span><span style="color:#800000">></span><span style="color:#000000">=</span><span style="color:#800000">&#x3C;/span>&#x3C;span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#0000FF">"color:#0000FF"</span><span style="color:#800000">></span><span style="color:#000000">"viewport"</span><span style="color:#800000">&#x3C;/span>&#x3C;span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#0000FF">"color:#E50000"</span><span style="color:#800000">></span><span style="color:#000000"> content</span><span style="color:#800000">&#x3C;/span>&#x3C;span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#0000FF">"color:#000000"</span><span style="color:#800000">></span><span style="color:#000000">=</span><span style="color:#800000">&#x3C;/span>&#x3C;span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#0000FF">"color:#0000FF"</span><span style="color:#800000">></span><span style="color:#000000">"width=device-width, initial-scale=1.0"</span><span style="color:#800000">&#x3C;/span>&#x3C;span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#0000FF">"color:#800000"</span><span style="color:#800000">></span><span style="color:#000000">></span><span style="color:#800000">&#x3C;/span>&#x3C;/span></span></span>
<span class="line"><span style="color:#800000">&#x3C;span</span><span style="color:#E50000"> class</span><span style="color:#000000">=</span><span style="color:#0000FF">"line"</span><span style="color:#800000">>&#x3C;span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#0000FF">"color:#800000"</span><span style="color:#800000">></span><span style="color:#0000FF">  &#x26;#x3C;</span><span style="color:#000000">title></span><span style="color:#800000">&#x3C;/span>&#x3C;span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#0000FF">"color:#000000"</span><span style="color:#800000">></span><span style="color:#000000">Sample Page</span><span style="color:#800000">&#x3C;/span>&#x3C;span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#0000FF">"color:#800000"</span><span style="color:#800000">></span><span style="color:#0000FF">&#x26;#x3C;</span><span style="color:#000000">/title></span><span style="color:#800000">&#x3C;/span>&#x3C;/span></span></span>
<span class="line"><span style="color:#800000">&#x3C;span</span><span style="color:#E50000"> class</span><span style="color:#000000">=</span><span style="color:#0000FF">"line"</span><span style="color:#800000">>&#x3C;span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#0000FF">"color:#800000"</span><span style="color:#800000">></span><span style="color:#0000FF">  &#x26;#x3C;</span><span style="color:#000000">link</span><span style="color:#800000">&#x3C;/span>&#x3C;span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#0000FF">"color:#E50000"</span><span style="color:#800000">></span><span style="color:#000000"> rel</span><span style="color:#800000">&#x3C;/span>&#x3C;span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#0000FF">"color:#000000"</span><span style="color:#800000">></span><span style="color:#000000">=</span><span style="color:#800000">&#x3C;/span>&#x3C;span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#0000FF">"color:#0000FF"</span><span style="color:#800000">></span><span style="color:#000000">"stylesheet"</span><span style="color:#800000">&#x3C;/span>&#x3C;span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#0000FF">"color:#E50000"</span><span style="color:#800000">></span><span style="color:#000000"> href</span><span style="color:#800000">&#x3C;/span>&#x3C;span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#0000FF">"color:#000000"</span><span style="color:#800000">></span><span style="color:#000000">=</span><span style="color:#800000">&#x3C;/span>&#x3C;span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#0000FF">"color:#0000FF"</span><span style="color:#800000">></span><span style="color:#000000">"styles.css"</span><span style="color:#800000">&#x3C;/span>&#x3C;span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#0000FF">"color:#800000"</span><span style="color:#800000">></span><span style="color:#000000">></span><span style="color:#800000">&#x3C;/span>&#x3C;/span></span></span>
<span class="line"><span style="color:#800000">&#x3C;span</span><span style="color:#E50000"> class</span><span style="color:#000000">=</span><span style="color:#0000FF">"line"</span><span style="color:#800000">>&#x3C;span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#0000FF">"color:#800000"</span><span style="color:#800000">></span><span style="color:#0000FF">&#x26;#x3C;</span><span style="color:#000000">/head></span><span style="color:#800000">&#x3C;/span>&#x3C;/span></span></span>
<span class="line"><span style="color:#800000">&#x3C;span</span><span style="color:#E50000"> class</span><span style="color:#000000">=</span><span style="color:#0000FF">"line"</span><span style="color:#800000">>&#x3C;span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#0000FF">"color:#800000"</span><span style="color:#800000">></span><span style="color:#0000FF">&#x26;#x3C;</span><span style="color:#000000">body></span><span style="color:#800000">&#x3C;/span>&#x3C;/span></span></span>
<span class="line"><span style="color:#800000">&#x3C;span</span><span style="color:#E50000"> class</span><span style="color:#000000">=</span><span style="color:#0000FF">"line"</span><span style="color:#800000">>&#x3C;span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#0000FF">"color:#800000"</span><span style="color:#800000">></span><span style="color:#0000FF">  &#x26;#x3C;</span><span style="color:#000000">header></span><span style="color:#800000">&#x3C;/span>&#x3C;/span></span></span>
<span class="line"><span style="color:#800000">&#x3C;span</span><span style="color:#E50000"> class</span><span style="color:#000000">=</span><span style="color:#0000FF">"line"</span><span style="color:#800000">>&#x3C;span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#0000FF">"color:#800000"</span><span style="color:#800000">></span><span style="color:#0000FF">    &#x26;#x3C;</span><span style="color:#000000">h1></span><span style="color:#800000">&#x3C;/span>&#x3C;span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#0000FF">"color:#000000"</span><span style="color:#800000">></span><span style="color:#000000">Welcome to My Website</span><span style="color:#800000">&#x3C;/span>&#x3C;span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#0000FF">"color:#800000"</span><span style="color:#800000">></span><span style="color:#0000FF">&#x26;#x3C;</span><span style="color:#000000">/h1></span><span style="color:#800000">&#x3C;/span>&#x3C;/span></span></span>
<span class="line"><span style="color:#800000">&#x3C;span</span><span style="color:#E50000"> class</span><span style="color:#000000">=</span><span style="color:#0000FF">"line"</span><span style="color:#800000">>&#x3C;span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#0000FF">"color:#800000"</span><span style="color:#800000">></span><span style="color:#0000FF">    &#x26;#x3C;</span><span style="color:#000000">nav></span><span style="color:#800000">&#x3C;/span>&#x3C;/span></span></span>
<span class="line"><span style="color:#800000">&#x3C;span</span><span style="color:#E50000"> class</span><span style="color:#000000">=</span><span style="color:#0000FF">"line"</span><span style="color:#800000">>&#x3C;span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#0000FF">"color:#800000"</span><span style="color:#800000">></span><span style="color:#0000FF">      &#x26;#x3C;</span><span style="color:#000000">ul></span><span style="color:#800000">&#x3C;/span>&#x3C;/span></span></span>
<span class="line"><span style="color:#800000">&#x3C;span</span><span style="color:#E50000"> class</span><span style="color:#000000">=</span><span style="color:#0000FF">"line"</span><span style="color:#800000">>&#x3C;span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#0000FF">"color:#800000"</span><span style="color:#800000">></span><span style="color:#0000FF">        &#x26;#x3C;</span><span style="color:#000000">li></span><span style="color:#0000FF">&#x26;#x3C;</span><span style="color:#000000">a</span><span style="color:#800000">&#x3C;/span>&#x3C;span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#0000FF">"color:#E50000"</span><span style="color:#800000">></span><span style="color:#000000"> href</span><span style="color:#800000">&#x3C;/span>&#x3C;span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#0000FF">"color:#000000"</span><span style="color:#800000">></span><span style="color:#000000">=</span><span style="color:#800000">&#x3C;/span>&#x3C;span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#0000FF">"color:#0000FF"</span><span style="color:#800000">></span><span style="color:#000000">"/"</span><span style="color:#800000">&#x3C;/span>&#x3C;span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#0000FF">"color:#800000"</span><span style="color:#800000">></span><span style="color:#000000">></span><span style="color:#800000">&#x3C;/span>&#x3C;span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#0000FF">"color:#000000"</span><span style="color:#800000">></span><span style="color:#000000">Home</span><span style="color:#800000">&#x3C;/span>&#x3C;span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#0000FF">"color:#800000"</span><span style="color:#800000">></span><span style="color:#0000FF">&#x26;#x3C;</span><span style="color:#000000">/a></span><span style="color:#0000FF">&#x26;#x3C;</span><span style="color:#000000">/li></span><span style="color:#800000">&#x3C;/span>&#x3C;/span></span></span>
<span class="line"><span style="color:#800000">&#x3C;span</span><span style="color:#E50000"> class</span><span style="color:#000000">=</span><span style="color:#0000FF">"line"</span><span style="color:#800000">>&#x3C;span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#0000FF">"color:#800000"</span><span style="color:#800000">></span><span style="color:#0000FF">        &#x26;#x3C;</span><span style="color:#000000">li></span><span style="color:#0000FF">&#x26;#x3C;</span><span style="color:#000000">a</span><span style="color:#800000">&#x3C;/span>&#x3C;span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#0000FF">"color:#E50000"</span><span style="color:#800000">></span><span style="color:#000000"> href</span><span style="color:#800000">&#x3C;/span>&#x3C;span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#0000FF">"color:#000000"</span><span style="color:#800000">></span><span style="color:#000000">=</span><span style="color:#800000">&#x3C;/span>&#x3C;span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#0000FF">"color:#0000FF"</span><span style="color:#800000">></span><span style="color:#000000">"/about"</span><span style="color:#800000">&#x3C;/span>&#x3C;span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#0000FF">"color:#800000"</span><span style="color:#800000">></span><span style="color:#000000">></span><span style="color:#800000">&#x3C;/span>&#x3C;span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#0000FF">"color:#000000"</span><span style="color:#800000">></span><span style="color:#000000">About</span><span style="color:#800000">&#x3C;/span>&#x3C;span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#0000FF">"color:#800000"</span><span style="color:#800000">></span><span style="color:#0000FF">&#x26;#x3C;</span><span style="color:#000000">/a></span><span style="color:#0000FF">&#x26;#x3C;</span><span style="color:#000000">/li></span><span style="color:#800000">&#x3C;/span>&#x3C;/span></span></span>
<span class="line"><span style="color:#800000">&#x3C;span</span><span style="color:#E50000"> class</span><span style="color:#000000">=</span><span style="color:#0000FF">"line"</span><span style="color:#800000">>&#x3C;span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#0000FF">"color:#800000"</span><span style="color:#800000">></span><span style="color:#0000FF">        &#x26;#x3C;</span><span style="color:#000000">li></span><span style="color:#0000FF">&#x26;#x3C;</span><span style="color:#000000">a</span><span style="color:#800000">&#x3C;/span>&#x3C;span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#0000FF">"color:#E50000"</span><span style="color:#800000">></span><span style="color:#000000"> href</span><span style="color:#800000">&#x3C;/span>&#x3C;span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#0000FF">"color:#000000"</span><span style="color:#800000">></span><span style="color:#000000">=</span><span style="color:#800000">&#x3C;/span>&#x3C;span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#0000FF">"color:#0000FF"</span><span style="color:#800000">></span><span style="color:#000000">"/contact"</span><span style="color:#800000">&#x3C;/span>&#x3C;span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#0000FF">"color:#800000"</span><span style="color:#800000">></span><span style="color:#000000">></span><span style="color:#800000">&#x3C;/span>&#x3C;span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#0000FF">"color:#000000"</span><span style="color:#800000">></span><span style="color:#000000">Contact</span><span style="color:#800000">&#x3C;/span>&#x3C;span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#0000FF">"color:#800000"</span><span style="color:#800000">></span><span style="color:#0000FF">&#x26;#x3C;</span><span style="color:#000000">/a></span><span style="color:#0000FF">&#x26;#x3C;</span><span style="color:#000000">/li></span><span style="color:#800000">&#x3C;/span>&#x3C;/span></span></span>
<span class="line"><span style="color:#800000">&#x3C;span</span><span style="color:#E50000"> class</span><span style="color:#000000">=</span><span style="color:#0000FF">"line"</span><span style="color:#800000">>&#x3C;span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#0000FF">"color:#800000"</span><span style="color:#800000">></span><span style="color:#0000FF">      &#x26;#x3C;</span><span style="color:#000000">/ul></span><span style="color:#800000">&#x3C;/span>&#x3C;/span></span></span>
<span class="line"><span style="color:#800000">&#x3C;span</span><span style="color:#E50000"> class</span><span style="color:#000000">=</span><span style="color:#0000FF">"line"</span><span style="color:#800000">>&#x3C;span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#0000FF">"color:#800000"</span><span style="color:#800000">></span><span style="color:#0000FF">    &#x26;#x3C;</span><span style="color:#000000">/nav></span><span style="color:#800000">&#x3C;/span>&#x3C;/span></span></span>
<span class="line"><span style="color:#800000">&#x3C;span</span><span style="color:#E50000"> class</span><span style="color:#000000">=</span><span style="color:#0000FF">"line"</span><span style="color:#800000">>&#x3C;span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#0000FF">"color:#800000"</span><span style="color:#800000">></span><span style="color:#0000FF">  &#x26;#x3C;</span><span style="color:#000000">/header></span><span style="color:#800000">&#x3C;/span>&#x3C;/span></span></span>
<span class="line"><span style="color:#800000">&#x3C;span</span><span style="color:#E50000"> class</span><span style="color:#000000">=</span><span style="color:#0000FF">"line"</span><span style="color:#800000">>&#x3C;/span></span></span>
<span class="line"><span style="color:#800000">&#x3C;span</span><span style="color:#E50000"> class</span><span style="color:#000000">=</span><span style="color:#0000FF">"line"</span><span style="color:#800000">>&#x3C;span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#0000FF">"color:#800000"</span><span style="color:#800000">></span><span style="color:#0000FF">  &#x26;#x3C;</span><span style="color:#000000">main></span><span style="color:#800000">&#x3C;/span>&#x3C;/span></span></span>
<span class="line"><span style="color:#800000">&#x3C;span</span><span style="color:#E50000"> class</span><span style="color:#000000">=</span><span style="color:#0000FF">"line"</span><span style="color:#800000">>&#x3C;span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#0000FF">"color:#800000"</span><span style="color:#800000">></span><span style="color:#0000FF">    &#x26;#x3C;</span><span style="color:#000000">section></span><span style="color:#800000">&#x3C;/span>&#x3C;/span></span></span>
<span class="line"><span style="color:#800000">&#x3C;span</span><span style="color:#E50000"> class</span><span style="color:#000000">=</span><span style="color:#0000FF">"line"</span><span style="color:#800000">>&#x3C;span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#0000FF">"color:#800000"</span><span style="color:#800000">></span><span style="color:#0000FF">      &#x26;#x3C;</span><span style="color:#000000">h2></span><span style="color:#800000">&#x3C;/span>&#x3C;span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#0000FF">"color:#000000"</span><span style="color:#800000">></span><span style="color:#000000">About This Site</span><span style="color:#800000">&#x3C;/span>&#x3C;span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#0000FF">"color:#800000"</span><span style="color:#800000">></span><span style="color:#0000FF">&#x26;#x3C;</span><span style="color:#000000">/h2></span><span style="color:#800000">&#x3C;/span>&#x3C;/span></span></span>
<span class="line"><span style="color:#800000">&#x3C;span</span><span style="color:#E50000"> class</span><span style="color:#000000">=</span><span style="color:#0000FF">"line"</span><span style="color:#800000">>&#x3C;span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#0000FF">"color:#800000"</span><span style="color:#800000">></span><span style="color:#0000FF">      &#x26;#x3C;</span><span style="color:#000000">p></span><span style="color:#800000">&#x3C;/span>&#x3C;span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#0000FF">"color:#000000"</span><span style="color:#800000">></span><span style="color:#000000">This is a sample website built with HTML and CSS.</span><span style="color:#800000">&#x3C;/span>&#x3C;span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#0000FF">"color:#800000"</span><span style="color:#800000">></span><span style="color:#0000FF">&#x26;#x3C;</span><span style="color:#000000">/p></span><span style="color:#800000">&#x3C;/span>&#x3C;/span></span></span>
<span class="line"><span style="color:#800000">&#x3C;span</span><span style="color:#E50000"> class</span><span style="color:#000000">=</span><span style="color:#0000FF">"line"</span><span style="color:#800000">>&#x3C;span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#0000FF">"color:#800000"</span><span style="color:#800000">></span><span style="color:#0000FF">    &#x26;#x3C;</span><span style="color:#000000">/section></span><span style="color:#800000">&#x3C;/span>&#x3C;/span></span></span>
<span class="line"><span style="color:#800000">&#x3C;span</span><span style="color:#E50000"> class</span><span style="color:#000000">=</span><span style="color:#0000FF">"line"</span><span style="color:#800000">>&#x3C;span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#0000FF">"color:#800000"</span><span style="color:#800000">></span><span style="color:#0000FF">  &#x26;#x3C;</span><span style="color:#000000">/main></span><span style="color:#800000">&#x3C;/span>&#x3C;/span></span></span>
<span class="line"><span style="color:#800000">&#x3C;span</span><span style="color:#E50000"> class</span><span style="color:#000000">=</span><span style="color:#0000FF">"line"</span><span style="color:#800000">>&#x3C;span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#0000FF">"color:#800000"</span><span style="color:#800000">></span><span style="color:#0000FF">&#x26;#x3C;</span><span style="color:#000000">/body></span><span style="color:#800000">&#x3C;/span>&#x3C;/span></span></span>
<span class="line"><span style="color:#800000">&#x3C;span</span><span style="color:#E50000"> class</span><span style="color:#000000">=</span><span style="color:#0000FF">"line"</span><span style="color:#800000">>&#x3C;span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#0000FF">"color:#800000"</span><span style="color:#800000">></span><span style="color:#0000FF">&#x26;#x3C;</span><span style="color:#000000">/html></span><span style="color:#800000">&#x3C;/span>&#x3C;/span></span></span>

#CSS Example

<span class="line"><span style="color:#000000">&#x3C;</span><span style="color:#800000">span</span><span style="color:#000000"> class="line">&#x3C;</span><span style="color:#800000">span</span><span style="color:#000000"> style="color:</span><span style="color:#CD3131">#008000</span><span style="color:#000000">"></span><span style="color:#008000">/* Reset and base styles */</span><span style="color:#000000">&#x3C;/</span><span style="color:#800000">span</span><span style="color:#000000">>&#x3C;/</span><span style="color:#800000">span</span><span style="color:#000000">></span></span>
<span class="line"><span style="color:#000000">&#x3C;</span><span style="color:#800000">span</span><span style="color:#000000"> class="line">&#x3C;</span><span style="color:#800000">span</span><span style="color:#000000"> style="color:</span><span style="color:#CD3131">#800000</span><span style="color:#000000">"></span><span style="color:#800000">*</span><span style="color:#000000">&#x3C;/</span><span style="color:#800000">span</span><span style="color:#000000">>&#x3C;</span><span style="color:#800000">span</span><span style="color:#000000"> style="color:</span><span style="color:#CD3131">#000000</span><span style="color:#000000">"> {&#x3C;/</span><span style="color:#E50000">span</span><span style="color:#000000">>&#x3C;/</span><span style="color:#E50000">span</span><span style="color:#000000">></span></span>
<span class="line"><span style="color:#000000">&#x3C;</span><span style="color:#E50000">span</span><span style="color:#000000"> class="</span><span style="color:#E50000">line</span><span style="color:#000000">">&#x3C;</span><span style="color:#E50000">span</span><span style="color:#E50000"> style</span><span style="color:#000000">="</span><span style="color:#E50000">color</span><span style="color:#000000">:</span><span style="color:#0451A5">#E50000</span><span style="color:#A31515">">  margin&#x3C;/span>&#x3C;span style="</span><span style="color:#0451A5">color</span><span style="color:#000000">:</span><span style="color:#0451A5">#000000</span><span style="color:#A31515">">: &#x3C;/span>&#x3C;span style="</span><span style="color:#0451A5">color</span><span style="color:#000000">:</span><span style="color:#0451A5">#098658</span><span style="color:#A31515">">0&#x3C;/span>&#x3C;span style="</span><span style="color:#0451A5">color</span><span style="color:#000000">:</span><span style="color:#0451A5">#000000</span><span style="color:#A31515">"</span><span style="color:#CD3131">>;&#x3C;/span>&#x3C;/span></span></span>
<span class="line"><span style="color:#000000">&#x3C;span class=</span><span style="color:#A31515">"line"</span><span style="color:#000000">>&#x3C;span </span><span style="color:#0451A5">style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#E50000"</span><span style="color:#000000">>  </span><span style="color:#0451A5">padding</span><span style="color:#000000">&#x3C;/span>&#x3C;span </span><span style="color:#0451A5">style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>: &#x3C;/span>&#x3C;span </span><span style="color:#0451A5">style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#098658"</span><span style="color:#000000">></span><span style="color:#098658">0</span><span style="color:#000000">&#x3C;/span>&#x3C;span </span><span style="color:#0451A5">style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>;&#x3C;/</span><span style="color:#E50000">span</span><span style="color:#000000">>&#x3C;/</span><span style="color:#E50000">span</span><span style="color:#000000">></span></span>
<span class="line"><span style="color:#000000">&#x3C;</span><span style="color:#E50000">span</span><span style="color:#000000"> class="</span><span style="color:#E50000">line</span><span style="color:#000000">">&#x3C;</span><span style="color:#E50000">span</span><span style="color:#E50000"> style</span><span style="color:#000000">="</span><span style="color:#E50000">color</span><span style="color:#000000">:</span><span style="color:#0451A5">#E50000</span><span style="color:#A31515">">  box-sizing&#x3C;/span>&#x3C;span style="</span><span style="color:#0451A5">color</span><span style="color:#000000">:</span><span style="color:#0451A5">#000000</span><span style="color:#A31515">">: &#x3C;/span>&#x3C;span style="</span><span style="color:#0451A5">color</span><span style="color:#000000">:</span><span style="color:#0451A5">#0451A5</span><span style="color:#A31515">">border-box&#x3C;/span>&#x3C;span style="</span><span style="color:#0451A5">color</span><span style="color:#000000">:</span><span style="color:#0451A5">#000000</span><span style="color:#A31515">"</span><span style="color:#CD3131">>;&#x3C;/span>&#x3C;/span></span></span>
<span class="line"><span style="color:#000000">&#x3C;span class=</span><span style="color:#A31515">"line"</span><span style="color:#000000">>&#x3C;span </span><span style="color:#0451A5">style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>}&#x3C;/</span><span style="color:#800000">span</span><span style="color:#000000">>&#x3C;/</span><span style="color:#800000">span</span><span style="color:#000000">></span></span>
<span class="line"><span style="color:#000000">&#x3C;</span><span style="color:#800000">span</span><span style="color:#000000"> class="line">&#x3C;/</span><span style="color:#800000">span</span><span style="color:#000000">></span></span>
<span class="line"><span style="color:#000000">&#x3C;</span><span style="color:#800000">span</span><span style="color:#000000"> class="line">&#x3C;</span><span style="color:#800000">span</span><span style="color:#000000"> style="color:</span><span style="color:#CD3131">#800000</span><span style="color:#000000">">body&#x3C;/</span><span style="color:#800000">span</span><span style="color:#000000">>&#x3C;</span><span style="color:#800000">span</span><span style="color:#000000"> style="color:</span><span style="color:#CD3131">#000000</span><span style="color:#000000">"> {&#x3C;/</span><span style="color:#E50000">span</span><span style="color:#000000">>&#x3C;/</span><span style="color:#E50000">span</span><span style="color:#000000">></span></span>
<span class="line"><span style="color:#000000">&#x3C;</span><span style="color:#E50000">span</span><span style="color:#000000"> class="</span><span style="color:#E50000">line</span><span style="color:#000000">">&#x3C;</span><span style="color:#E50000">span</span><span style="color:#E50000"> style</span><span style="color:#000000">="</span><span style="color:#E50000">color</span><span style="color:#000000">:</span><span style="color:#0451A5">#E50000</span><span style="color:#A31515">">  font-family&#x3C;/span>&#x3C;span style="</span><span style="color:#0451A5">color</span><span style="color:#000000">:</span><span style="color:#0451A5">#000000</span><span style="color:#A31515">">: &#x3C;/span>&#x3C;span style="</span><span style="color:#0451A5">color</span><span style="color:#000000">:</span><span style="color:#0451A5">#A31515</span><span style="color:#A31515">">'Arial'&#x3C;/span>&#x3C;span style="</span><span style="color:#0451A5">color</span><span style="color:#000000">:</span><span style="color:#0451A5">#000000</span><span style="color:#A31515">">, &#x3C;/span>&#x3C;span style="</span><span style="color:#0451A5">color</span><span style="color:#000000">:</span><span style="color:#0451A5">#0451A5</span><span style="color:#A31515">">sans-serif&#x3C;/span>&#x3C;span style="</span><span style="color:#0451A5">color</span><span style="color:#000000">:</span><span style="color:#0451A5">#000000</span><span style="color:#A31515">"</span><span style="color:#CD3131">>;&#x3C;/span>&#x3C;/span></span></span>
<span class="line"><span style="color:#000000">&#x3C;span class=</span><span style="color:#A31515">"line"</span><span style="color:#000000">>&#x3C;span </span><span style="color:#0451A5">style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#E50000"</span><span style="color:#000000">>  line-height&#x3C;/span>&#x3C;span </span><span style="color:#0451A5">style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>: &#x3C;/span>&#x3C;span </span><span style="color:#0451A5">style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#098658"</span><span style="color:#000000">></span><span style="color:#098658">1.6</span><span style="color:#000000">&#x3C;/span>&#x3C;span </span><span style="color:#0451A5">style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>;&#x3C;/</span><span style="color:#E50000">span</span><span style="color:#000000">>&#x3C;/</span><span style="color:#E50000">span</span><span style="color:#000000">></span></span>
<span class="line"><span style="color:#000000">&#x3C;</span><span style="color:#E50000">span</span><span style="color:#000000"> class="</span><span style="color:#E50000">line</span><span style="color:#000000">">&#x3C;</span><span style="color:#E50000">span</span><span style="color:#E50000"> style</span><span style="color:#000000">="</span><span style="color:#E50000">color</span><span style="color:#000000">:</span><span style="color:#0451A5">#E50000</span><span style="color:#A31515">">  color&#x3C;/span>&#x3C;span style="</span><span style="color:#0451A5">color</span><span style="color:#000000">:</span><span style="color:#0451A5">#000000</span><span style="color:#A31515">">: &#x3C;/span>&#x3C;span style="</span><span style="color:#0451A5">color</span><span style="color:#000000">:</span><span style="color:#0451A5">#0451A5</span><span style="color:#A31515">">#333&#x3C;/span>&#x3C;span style="</span><span style="color:#0451A5">color</span><span style="color:#000000">:</span><span style="color:#0451A5">#000000</span><span style="color:#A31515">"</span><span style="color:#CD3131">>;&#x3C;/span>&#x3C;/span></span></span>
<span class="line"><span style="color:#000000">&#x3C;span class=</span><span style="color:#A31515">"line"</span><span style="color:#000000">>&#x3C;span </span><span style="color:#0451A5">style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#E50000"</span><span style="color:#000000">>  background-color&#x3C;/span>&#x3C;span </span><span style="color:#0451A5">style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>: &#x3C;/span>&#x3C;span </span><span style="color:#0451A5">style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#0451A5"</span><span style="color:#000000">></span><span style="color:#0451A5">#f4f4f4</span><span style="color:#000000">&#x3C;/span>&#x3C;span </span><span style="color:#0451A5">style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>;&#x3C;/</span><span style="color:#E50000">span</span><span style="color:#000000">>&#x3C;/</span><span style="color:#E50000">span</span><span style="color:#000000">></span></span>
<span class="line"><span style="color:#000000">&#x3C;</span><span style="color:#E50000">span</span><span style="color:#000000"> class="</span><span style="color:#E50000">line</span><span style="color:#000000">">&#x3C;</span><span style="color:#E50000">span</span><span style="color:#E50000"> style</span><span style="color:#000000">="</span><span style="color:#E50000">color</span><span style="color:#000000">:</span><span style="color:#0451A5">#000000</span><span style="color:#A31515">"</span><span style="color:#CD3131">>}&#x3C;/span>&#x3C;/span></span></span>
<span class="line"><span style="color:#000000">&#x3C;span class=</span><span style="color:#A31515">"line"</span><span style="color:#000000">>&#x3C;/span></span></span>
<span class="line"><span style="color:#000000">&#x3C;span class=</span><span style="color:#A31515">"line"</span><span style="color:#000000">>&#x3C;span </span><span style="color:#0451A5">style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#800000"</span><span style="color:#000000">>.container&#x3C;/span>&#x3C;span </span><span style="color:#0451A5">style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">> {&#x3C;/span>&#x3C;/span></span></span>
<span class="line"><span style="color:#000000">&#x3C;span class=</span><span style="color:#A31515">"line"</span><span style="color:#000000">>&#x3C;span </span><span style="color:#0451A5">style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#E50000"</span><span style="color:#000000">>  max-width&#x3C;/span>&#x3C;span </span><span style="color:#0451A5">style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>: &#x3C;/span>&#x3C;span </span><span style="color:#0451A5">style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#098658"</span><span style="color:#000000">></span><span style="color:#098658">1200px</span><span style="color:#000000">&#x3C;/span>&#x3C;span </span><span style="color:#0451A5">style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>;&#x3C;/</span><span style="color:#E50000">span</span><span style="color:#000000">>&#x3C;/</span><span style="color:#E50000">span</span><span style="color:#000000">></span></span>
<span class="line"><span style="color:#000000">&#x3C;</span><span style="color:#E50000">span</span><span style="color:#000000"> class="</span><span style="color:#E50000">line</span><span style="color:#000000">">&#x3C;</span><span style="color:#E50000">span</span><span style="color:#E50000"> style</span><span style="color:#000000">="</span><span style="color:#E50000">color</span><span style="color:#000000">:</span><span style="color:#0451A5">#E50000</span><span style="color:#A31515">">  margin&#x3C;/span>&#x3C;span style="</span><span style="color:#0451A5">color</span><span style="color:#000000">:</span><span style="color:#0451A5">#000000</span><span style="color:#A31515">">: &#x3C;/span>&#x3C;span style="</span><span style="color:#0451A5">color</span><span style="color:#000000">:</span><span style="color:#0451A5">#098658</span><span style="color:#A31515">">0&#x3C;/span>&#x3C;span style="</span><span style="color:#0451A5">color</span><span style="color:#000000">:</span><span style="color:#0451A5">#0451A5</span><span style="color:#A31515">"> auto&#x3C;/span>&#x3C;span style="</span><span style="color:#0451A5">color</span><span style="color:#000000">:</span><span style="color:#0451A5">#000000</span><span style="color:#A31515">"</span><span style="color:#CD3131">>;&#x3C;/span>&#x3C;/span></span></span>
<span class="line"><span style="color:#000000">&#x3C;span class=</span><span style="color:#A31515">"line"</span><span style="color:#000000">>&#x3C;span </span><span style="color:#0451A5">style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#E50000"</span><span style="color:#000000">>  </span><span style="color:#0451A5">padding</span><span style="color:#000000">&#x3C;/span>&#x3C;span </span><span style="color:#0451A5">style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>: &#x3C;/span>&#x3C;span </span><span style="color:#0451A5">style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#098658"</span><span style="color:#000000">></span><span style="color:#098658">0</span><span style="color:#000000">&#x3C;/span>&#x3C;span </span><span style="color:#0451A5">style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#098658"</span><span style="color:#000000">> </span><span style="color:#098658">20px</span><span style="color:#000000">&#x3C;/span>&#x3C;span </span><span style="color:#0451A5">style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>;&#x3C;/</span><span style="color:#E50000">span</span><span style="color:#000000">>&#x3C;/</span><span style="color:#E50000">span</span><span style="color:#000000">></span></span>
<span class="line"><span style="color:#000000">&#x3C;</span><span style="color:#E50000">span</span><span style="color:#000000"> class="</span><span style="color:#E50000">line</span><span style="color:#000000">">&#x3C;</span><span style="color:#E50000">span</span><span style="color:#E50000"> style</span><span style="color:#000000">="</span><span style="color:#E50000">color</span><span style="color:#000000">:</span><span style="color:#0451A5">#000000</span><span style="color:#A31515">"</span><span style="color:#CD3131">>}&#x3C;/span>&#x3C;/span></span></span>
<span class="line"><span style="color:#000000">&#x3C;span class=</span><span style="color:#A31515">"line"</span><span style="color:#000000">>&#x3C;/span></span></span>
<span class="line"><span style="color:#000000">&#x3C;span class=</span><span style="color:#A31515">"line"</span><span style="color:#000000">>&#x3C;span </span><span style="color:#0451A5">style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#800000"</span><span style="color:#000000">>header&#x3C;/span>&#x3C;span </span><span style="color:#0451A5">style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">> {&#x3C;/span>&#x3C;/span></span></span>
<span class="line"><span style="color:#000000">&#x3C;span class=</span><span style="color:#A31515">"line"</span><span style="color:#000000">>&#x3C;span </span><span style="color:#0451A5">style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#E50000"</span><span style="color:#000000">>  </span><span style="color:#CD3131">background</span><span style="color:#000000">&#x3C;/span>&#x3C;span </span><span style="color:#0451A5">style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>: &#x3C;/span>&#x3C;span </span><span style="color:#0451A5">style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#795E26"</span><span style="color:#000000">>linear-gradient&#x3C;/span>&#x3C;span </span><span style="color:#0451A5">style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>(&#x3C;/span>&#x3C;span </span><span style="color:#0451A5">style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#098658"</span><span style="color:#000000">></span><span style="color:#098658">135deg</span><span style="color:#000000">&#x3C;/span>&#x3C;span </span><span style="color:#0451A5">style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>, &#x3C;/span>&#x3C;span </span><span style="color:#0451A5">style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#0451A5"</span><span style="color:#000000">></span><span style="color:#0451A5">#667eea</span><span style="color:#000000">&#x3C;/span>&#x3C;span </span><span style="color:#0451A5">style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#098658"</span><span style="color:#000000">> </span><span style="color:#098658">0%</span><span style="color:#000000">&#x3C;/span>&#x3C;span </span><span style="color:#0451A5">style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>, &#x3C;/span>&#x3C;span </span><span style="color:#0451A5">style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#0451A5"</span><span style="color:#000000">></span><span style="color:#0451A5">#764ba2</span><span style="color:#000000">&#x3C;/span>&#x3C;span </span><span style="color:#0451A5">style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#098658"</span><span style="color:#000000">> </span><span style="color:#098658">100%</span><span style="color:#000000">&#x3C;/span>&#x3C;span </span><span style="color:#0451A5">style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>);&#x3C;/</span><span style="color:#E50000">span</span><span style="color:#000000">>&#x3C;/</span><span style="color:#E50000">span</span><span style="color:#000000">></span></span>
<span class="line"><span style="color:#000000">&#x3C;</span><span style="color:#E50000">span</span><span style="color:#000000"> class="</span><span style="color:#E50000">line</span><span style="color:#000000">">&#x3C;</span><span style="color:#E50000">span</span><span style="color:#E50000"> style</span><span style="color:#000000">="</span><span style="color:#E50000">color</span><span style="color:#000000">:</span><span style="color:#0451A5">#E50000</span><span style="color:#A31515">">  color&#x3C;/span>&#x3C;span style="</span><span style="color:#0451A5">color</span><span style="color:#000000">:</span><span style="color:#0451A5">#000000</span><span style="color:#A31515">">: &#x3C;/span>&#x3C;span style="</span><span style="color:#0451A5">color</span><span style="color:#000000">:</span><span style="color:#0451A5">#0451A5</span><span style="color:#A31515">">white&#x3C;/span>&#x3C;span style="</span><span style="color:#0451A5">color</span><span style="color:#000000">:</span><span style="color:#0451A5">#000000</span><span style="color:#A31515">"</span><span style="color:#CD3131">>;&#x3C;/span>&#x3C;/span></span></span>
<span class="line"><span style="color:#000000">&#x3C;span class=</span><span style="color:#A31515">"line"</span><span style="color:#000000">>&#x3C;span </span><span style="color:#0451A5">style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#E50000"</span><span style="color:#000000">>  </span><span style="color:#0451A5">padding</span><span style="color:#000000">&#x3C;/span>&#x3C;span </span><span style="color:#0451A5">style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>: &#x3C;/span>&#x3C;span </span><span style="color:#0451A5">style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#098658"</span><span style="color:#000000">></span><span style="color:#098658">2rem</span><span style="color:#000000">&#x3C;/span>&#x3C;span </span><span style="color:#0451A5">style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#098658"</span><span style="color:#000000">> </span><span style="color:#098658">0</span><span style="color:#000000">&#x3C;/span>&#x3C;span </span><span style="color:#0451A5">style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>;&#x3C;/</span><span style="color:#E50000">span</span><span style="color:#000000">>&#x3C;/</span><span style="color:#E50000">span</span><span style="color:#000000">></span></span>
<span class="line"><span style="color:#000000">&#x3C;</span><span style="color:#E50000">span</span><span style="color:#000000"> class="</span><span style="color:#E50000">line</span><span style="color:#000000">">&#x3C;</span><span style="color:#E50000">span</span><span style="color:#E50000"> style</span><span style="color:#000000">="</span><span style="color:#E50000">color</span><span style="color:#000000">:</span><span style="color:#0451A5">#E50000</span><span style="color:#A31515">">  text-align&#x3C;/span>&#x3C;span style="</span><span style="color:#0451A5">color</span><span style="color:#000000">:</span><span style="color:#0451A5">#000000</span><span style="color:#A31515">">: &#x3C;/span>&#x3C;span style="</span><span style="color:#0451A5">color</span><span style="color:#000000">:</span><span style="color:#0451A5">#0451A5</span><span style="color:#A31515">">center&#x3C;/span>&#x3C;span style="</span><span style="color:#0451A5">color</span><span style="color:#000000">:</span><span style="color:#0451A5">#000000</span><span style="color:#A31515">"</span><span style="color:#CD3131">>;&#x3C;/span>&#x3C;/span></span></span>
<span class="line"><span style="color:#000000">&#x3C;span class=</span><span style="color:#A31515">"line"</span><span style="color:#000000">>&#x3C;span </span><span style="color:#0451A5">style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>}&#x3C;/</span><span style="color:#800000">span</span><span style="color:#000000">>&#x3C;/</span><span style="color:#800000">span</span><span style="color:#000000">></span></span>
<span class="line"><span style="color:#000000">&#x3C;</span><span style="color:#800000">span</span><span style="color:#000000"> class="line">&#x3C;/</span><span style="color:#800000">span</span><span style="color:#000000">></span></span>
<span class="line"><span style="color:#000000">&#x3C;</span><span style="color:#800000">span</span><span style="color:#000000"> class="line">&#x3C;</span><span style="color:#800000">span</span><span style="color:#000000"> style="color:</span><span style="color:#CD3131">#800000</span><span style="color:#000000">">nav&#x3C;/</span><span style="color:#800000">span</span><span style="color:#000000">>&#x3C;</span><span style="color:#800000">span</span><span style="color:#000000"> style="color:</span><span style="color:#CD3131">#800000</span><span style="color:#000000">"> ul&#x3C;/</span><span style="color:#800000">span</span><span style="color:#000000">>&#x3C;</span><span style="color:#800000">span</span><span style="color:#000000"> style="color:</span><span style="color:#CD3131">#000000</span><span style="color:#000000">"> {&#x3C;/</span><span style="color:#E50000">span</span><span style="color:#000000">>&#x3C;/</span><span style="color:#E50000">span</span><span style="color:#000000">></span></span>
<span class="line"><span style="color:#000000">&#x3C;</span><span style="color:#E50000">span</span><span style="color:#000000"> class="</span><span style="color:#E50000">line</span><span style="color:#000000">">&#x3C;</span><span style="color:#E50000">span</span><span style="color:#E50000"> style</span><span style="color:#000000">="</span><span style="color:#E50000">color</span><span style="color:#000000">:</span><span style="color:#0451A5">#E50000</span><span style="color:#A31515">">  list-style&#x3C;/span>&#x3C;span style="</span><span style="color:#0451A5">color</span><span style="color:#000000">:</span><span style="color:#0451A5">#000000</span><span style="color:#A31515">">: &#x3C;/span>&#x3C;span style="</span><span style="color:#0451A5">color</span><span style="color:#000000">:</span><span style="color:#0451A5">#0451A5</span><span style="color:#A31515">">none&#x3C;/span>&#x3C;span style="</span><span style="color:#0451A5">color</span><span style="color:#000000">:</span><span style="color:#0451A5">#000000</span><span style="color:#A31515">"</span><span style="color:#CD3131">>;&#x3C;/span>&#x3C;/span></span></span>
<span class="line"><span style="color:#000000">&#x3C;span class=</span><span style="color:#A31515">"line"</span><span style="color:#000000">>&#x3C;span </span><span style="color:#0451A5">style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#E50000"</span><span style="color:#000000">>  </span><span style="color:#0451A5">padding</span><span style="color:#000000">&#x3C;/span>&#x3C;span </span><span style="color:#0451A5">style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>: &#x3C;/span>&#x3C;span </span><span style="color:#0451A5">style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#098658"</span><span style="color:#000000">></span><span style="color:#098658">0</span><span style="color:#000000">&#x3C;/span>&#x3C;span </span><span style="color:#0451A5">style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>;&#x3C;/</span><span style="color:#E50000">span</span><span style="color:#000000">>&#x3C;/</span><span style="color:#E50000">span</span><span style="color:#000000">></span></span>
<span class="line"><span style="color:#000000">&#x3C;</span><span style="color:#E50000">span</span><span style="color:#000000"> class="</span><span style="color:#E50000">line</span><span style="color:#000000">">&#x3C;</span><span style="color:#E50000">span</span><span style="color:#E50000"> style</span><span style="color:#000000">="</span><span style="color:#E50000">color</span><span style="color:#000000">:</span><span style="color:#0451A5">#000000</span><span style="color:#A31515">"</span><span style="color:#CD3131">>}&#x3C;/span>&#x3C;/span></span></span>
<span class="line"><span style="color:#000000">&#x3C;span class=</span><span style="color:#A31515">"line"</span><span style="color:#000000">>&#x3C;/span></span></span>
<span class="line"><span style="color:#000000">&#x3C;span class=</span><span style="color:#A31515">"line"</span><span style="color:#000000">>&#x3C;span </span><span style="color:#0451A5">style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#800000"</span><span style="color:#000000">>nav&#x3C;/span>&#x3C;span </span><span style="color:#0451A5">style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#800000"</span><span style="color:#000000">> ul&#x3C;/span>&#x3C;span </span><span style="color:#0451A5">style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#800000"</span><span style="color:#000000">> li&#x3C;/span>&#x3C;span </span><span style="color:#0451A5">style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">> {&#x3C;/span>&#x3C;/span></span></span>
<span class="line"><span style="color:#000000">&#x3C;span class=</span><span style="color:#A31515">"line"</span><span style="color:#000000">>&#x3C;span </span><span style="color:#0451A5">style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#E50000"</span><span style="color:#000000">>  display&#x3C;/span>&#x3C;span </span><span style="color:#0451A5">style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>: &#x3C;/span>&#x3C;span </span><span style="color:#0451A5">style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#0451A5"</span><span style="color:#000000">></span><span style="color:#0451A5">inline</span><span style="color:#000000">&#x3C;/span>&#x3C;span </span><span style="color:#0451A5">style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>;&#x3C;/</span><span style="color:#E50000">span</span><span style="color:#000000">>&#x3C;/</span><span style="color:#E50000">span</span><span style="color:#000000">></span></span>
<span class="line"><span style="color:#000000">&#x3C;</span><span style="color:#E50000">span</span><span style="color:#000000"> class="</span><span style="color:#E50000">line</span><span style="color:#000000">">&#x3C;</span><span style="color:#E50000">span</span><span style="color:#E50000"> style</span><span style="color:#000000">="</span><span style="color:#E50000">color</span><span style="color:#000000">:</span><span style="color:#0451A5">#E50000</span><span style="color:#A31515">">  margin&#x3C;/span>&#x3C;span style="</span><span style="color:#0451A5">color</span><span style="color:#000000">:</span><span style="color:#0451A5">#000000</span><span style="color:#A31515">">: &#x3C;/span>&#x3C;span style="</span><span style="color:#0451A5">color</span><span style="color:#000000">:</span><span style="color:#0451A5">#098658</span><span style="color:#A31515">">0&#x3C;/span>&#x3C;span style="</span><span style="color:#0451A5">color</span><span style="color:#000000">:</span><span style="color:#0451A5">#098658</span><span style="color:#A31515">"> 1rem&#x3C;/span>&#x3C;span style="</span><span style="color:#0451A5">color</span><span style="color:#000000">:</span><span style="color:#0451A5">#000000</span><span style="color:#A31515">"</span><span style="color:#CD3131">>;&#x3C;/span>&#x3C;/span></span></span>
<span class="line"><span style="color:#000000">&#x3C;span class=</span><span style="color:#A31515">"line"</span><span style="color:#000000">>&#x3C;span </span><span style="color:#0451A5">style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>}&#x3C;/</span><span style="color:#800000">span</span><span style="color:#000000">>&#x3C;/</span><span style="color:#800000">span</span><span style="color:#000000">></span></span>
<span class="line"><span style="color:#000000">&#x3C;</span><span style="color:#800000">span</span><span style="color:#000000"> class="line">&#x3C;/</span><span style="color:#800000">span</span><span style="color:#000000">></span></span>
<span class="line"><span style="color:#000000">&#x3C;</span><span style="color:#800000">span</span><span style="color:#000000"> class="line">&#x3C;</span><span style="color:#800000">span</span><span style="color:#000000"> style="color:</span><span style="color:#CD3131">#800000</span><span style="color:#000000">">nav&#x3C;/</span><span style="color:#800000">span</span><span style="color:#000000">>&#x3C;</span><span style="color:#800000">span</span><span style="color:#000000"> style="color:</span><span style="color:#CD3131">#800000</span><span style="color:#000000">"> a&#x3C;/</span><span style="color:#800000">span</span><span style="color:#000000">>&#x3C;</span><span style="color:#800000">span</span><span style="color:#000000"> style="color:</span><span style="color:#CD3131">#000000</span><span style="color:#000000">"> {&#x3C;/</span><span style="color:#E50000">span</span><span style="color:#000000">>&#x3C;/</span><span style="color:#E50000">span</span><span style="color:#000000">></span></span>
<span class="line"><span style="color:#000000">&#x3C;</span><span style="color:#E50000">span</span><span style="color:#000000"> class="</span><span style="color:#E50000">line</span><span style="color:#000000">">&#x3C;</span><span style="color:#E50000">span</span><span style="color:#E50000"> style</span><span style="color:#000000">="</span><span style="color:#E50000">color</span><span style="color:#000000">:</span><span style="color:#0451A5">#E50000</span><span style="color:#A31515">">  color&#x3C;/span>&#x3C;span style="</span><span style="color:#0451A5">color</span><span style="color:#000000">:</span><span style="color:#0451A5">#000000</span><span style="color:#A31515">">: &#x3C;/span>&#x3C;span style="</span><span style="color:#0451A5">color</span><span style="color:#000000">:</span><span style="color:#0451A5">#0451A5</span><span style="color:#A31515">">white&#x3C;/span>&#x3C;span style="</span><span style="color:#0451A5">color</span><span style="color:#000000">:</span><span style="color:#0451A5">#000000</span><span style="color:#A31515">"</span><span style="color:#CD3131">>;&#x3C;/span>&#x3C;/span></span></span>
<span class="line"><span style="color:#000000">&#x3C;span class=</span><span style="color:#A31515">"line"</span><span style="color:#000000">>&#x3C;span </span><span style="color:#0451A5">style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#E50000"</span><span style="color:#000000">>  text-decoration&#x3C;/span>&#x3C;span </span><span style="color:#0451A5">style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>: &#x3C;/span>&#x3C;span </span><span style="color:#0451A5">style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#0451A5"</span><span style="color:#000000">></span><span style="color:#0451A5">none</span><span style="color:#000000">&#x3C;/span>&#x3C;span </span><span style="color:#0451A5">style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>;&#x3C;/</span><span style="color:#E50000">span</span><span style="color:#000000">>&#x3C;/</span><span style="color:#E50000">span</span><span style="color:#000000">></span></span>
<span class="line"><span style="color:#000000">&#x3C;</span><span style="color:#E50000">span</span><span style="color:#000000"> class="</span><span style="color:#E50000">line</span><span style="color:#000000">">&#x3C;</span><span style="color:#E50000">span</span><span style="color:#E50000"> style</span><span style="color:#000000">="</span><span style="color:#E50000">color</span><span style="color:#000000">:</span><span style="color:#0451A5">#E50000</span><span style="color:#A31515">">  transition&#x3C;/span>&#x3C;span style="</span><span style="color:#0451A5">color</span><span style="color:#000000">:</span><span style="color:#0451A5">#000000</span><span style="color:#A31515">">: opacity &#x3C;/span>&#x3C;span style="</span><span style="color:#0451A5">color</span><span style="color:#000000">:</span><span style="color:#0451A5">#098658</span><span style="color:#A31515">">0.3s&#x3C;/span>&#x3C;span style="</span><span style="color:#0451A5">color</span><span style="color:#000000">:</span><span style="color:#0451A5">#000000</span><span style="color:#A31515">"</span><span style="color:#CD3131">>;&#x3C;/span>&#x3C;/span></span></span>
<span class="line"><span style="color:#000000">&#x3C;span class=</span><span style="color:#A31515">"line"</span><span style="color:#000000">>&#x3C;span </span><span style="color:#0451A5">style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>}&#x3C;/</span><span style="color:#800000">span</span><span style="color:#000000">>&#x3C;/</span><span style="color:#800000">span</span><span style="color:#000000">></span></span>
<span class="line"><span style="color:#000000">&#x3C;</span><span style="color:#800000">span</span><span style="color:#000000"> class="line">&#x3C;/</span><span style="color:#800000">span</span><span style="color:#000000">></span></span>
<span class="line"><span style="color:#000000">&#x3C;</span><span style="color:#800000">span</span><span style="color:#000000"> class="line">&#x3C;</span><span style="color:#800000">span</span><span style="color:#000000"> style="color:</span><span style="color:#CD3131">#800000</span><span style="color:#000000">">nav&#x3C;/</span><span style="color:#800000">span</span><span style="color:#000000">>&#x3C;</span><span style="color:#800000">span</span><span style="color:#000000"> style="color:</span><span style="color:#CD3131">#800000</span><span style="color:#000000">"> </span><span style="color:#800000">a:hover</span><span style="color:#000000">&#x3C;/</span><span style="color:#800000">span</span><span style="color:#000000">>&#x3C;</span><span style="color:#800000">span</span><span style="color:#000000"> style="color:</span><span style="color:#CD3131">#000000</span><span style="color:#000000">"> {&#x3C;/</span><span style="color:#E50000">span</span><span style="color:#000000">>&#x3C;/</span><span style="color:#E50000">span</span><span style="color:#000000">></span></span>
<span class="line"><span style="color:#000000">&#x3C;</span><span style="color:#E50000">span</span><span style="color:#000000"> class="</span><span style="color:#E50000">line</span><span style="color:#000000">">&#x3C;</span><span style="color:#E50000">span</span><span style="color:#E50000"> style</span><span style="color:#000000">="</span><span style="color:#E50000">color</span><span style="color:#000000">:</span><span style="color:#0451A5">#E50000</span><span style="color:#A31515">">  opacity&#x3C;/span>&#x3C;span style="</span><span style="color:#0451A5">color</span><span style="color:#000000">:</span><span style="color:#0451A5">#000000</span><span style="color:#A31515">">: &#x3C;/span>&#x3C;span style="</span><span style="color:#0451A5">color</span><span style="color:#000000">:</span><span style="color:#0451A5">#098658</span><span style="color:#A31515">">0.8&#x3C;/span>&#x3C;span style="</span><span style="color:#0451A5">color</span><span style="color:#000000">:</span><span style="color:#0451A5">#000000</span><span style="color:#A31515">"</span><span style="color:#CD3131">>;&#x3C;/span>&#x3C;/span></span></span>
<span class="line"><span style="color:#000000">&#x3C;span class=</span><span style="color:#A31515">"line"</span><span style="color:#000000">>&#x3C;span </span><span style="color:#0451A5">style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>}&#x3C;/</span><span style="color:#800000">span</span><span style="color:#000000">>&#x3C;/</span><span style="color:#800000">span</span><span style="color:#000000">></span></span>

#JSON Example

<span class="line"><span style="color:#000000">&#x3C;span class=</span><span style="color:#A31515">"line"</span><span style="color:#000000">>&#x3C;span style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>{</span><span style="color:#CD3131">&#x3C;/span>&#x3C;/span></span></span>
<span class="line"><span style="color:#CD3131">&#x3C;span</span><span style="color:#CD3131"> class=</span><span style="color:#0451A5">"line"</span><span style="color:#CD3131">>&#x3C;span</span><span style="color:#CD3131"> style=</span><span style="color:#0451A5">"color:#0451A5"</span><span style="color:#CD3131">></span><span style="color:#0451A5">  "name"</span><span style="color:#CD3131">&#x3C;/span>&#x3C;span</span><span style="color:#CD3131"> style=</span><span style="color:#0451A5">"color:#000000"</span><span style="color:#CD3131">></span><span style="color:#000000">: </span><span style="color:#CD3131">&#x3C;/span>&#x3C;span</span><span style="color:#CD3131"> style=</span><span style="color:#A31515">"color:#A31515"</span><span style="color:#CD3131">></span><span style="color:#A31515">"bunpress"</span><span style="color:#CD3131">&#x3C;/span>&#x3C;span</span><span style="color:#CD3131"> style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#CD3131">></span><span style="color:#000000">,</span><span style="color:#CD3131">&#x3C;/span>&#x3C;/span></span></span>
<span class="line"><span style="color:#CD3131">&#x3C;span</span><span style="color:#CD3131"> class=</span><span style="color:#0451A5">"line"</span><span style="color:#CD3131">>&#x3C;span</span><span style="color:#CD3131"> style=</span><span style="color:#0451A5">"color:#0451A5"</span><span style="color:#CD3131">></span><span style="color:#0451A5">  "version"</span><span style="color:#CD3131">&#x3C;/span>&#x3C;span</span><span style="color:#CD3131"> style=</span><span style="color:#0451A5">"color:#000000"</span><span style="color:#CD3131">></span><span style="color:#000000">: </span><span style="color:#CD3131">&#x3C;/span>&#x3C;span</span><span style="color:#CD3131"> style=</span><span style="color:#A31515">"color:#A31515"</span><span style="color:#CD3131">></span><span style="color:#A31515">"1.0.0"</span><span style="color:#CD3131">&#x3C;/span>&#x3C;span</span><span style="color:#CD3131"> style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#CD3131">></span><span style="color:#000000">,</span><span style="color:#CD3131">&#x3C;/span>&#x3C;/span></span></span>
<span class="line"><span style="color:#CD3131">&#x3C;span</span><span style="color:#CD3131"> class=</span><span style="color:#0451A5">"line"</span><span style="color:#CD3131">>&#x3C;span</span><span style="color:#CD3131"> style=</span><span style="color:#0451A5">"color:#0451A5"</span><span style="color:#CD3131">></span><span style="color:#0451A5">  "description"</span><span style="color:#CD3131">&#x3C;/span>&#x3C;span</span><span style="color:#CD3131"> style=</span><span style="color:#0451A5">"color:#000000"</span><span style="color:#CD3131">></span><span style="color:#000000">: </span><span style="color:#CD3131">&#x3C;/span>&#x3C;span</span><span style="color:#CD3131"> style=</span><span style="color:#A31515">"color:#A31515"</span><span style="color:#CD3131">></span><span style="color:#A31515">"Modern documentation engine"</span><span style="color:#CD3131">&#x3C;/span>&#x3C;span</span><span style="color:#CD3131"> style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#CD3131">></span><span style="color:#000000">,</span><span style="color:#CD3131">&#x3C;/span>&#x3C;/span></span></span>
<span class="line"><span style="color:#CD3131">&#x3C;span</span><span style="color:#CD3131"> class=</span><span style="color:#0451A5">"line"</span><span style="color:#CD3131">>&#x3C;span</span><span style="color:#CD3131"> style=</span><span style="color:#0451A5">"color:#0451A5"</span><span style="color:#CD3131">></span><span style="color:#0451A5">  "main"</span><span style="color:#CD3131">&#x3C;/span>&#x3C;span</span><span style="color:#CD3131"> style=</span><span style="color:#0451A5">"color:#000000"</span><span style="color:#CD3131">></span><span style="color:#000000">: </span><span style="color:#CD3131">&#x3C;/span>&#x3C;span</span><span style="color:#CD3131"> style=</span><span style="color:#A31515">"color:#A31515"</span><span style="color:#CD3131">></span><span style="color:#A31515">"dist/index.js"</span><span style="color:#CD3131">&#x3C;/span>&#x3C;span</span><span style="color:#CD3131"> style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#CD3131">></span><span style="color:#000000">,</span><span style="color:#CD3131">&#x3C;/span>&#x3C;/span></span></span>
<span class="line"><span style="color:#CD3131">&#x3C;span</span><span style="color:#CD3131"> class=</span><span style="color:#0451A5">"line"</span><span style="color:#CD3131">>&#x3C;span</span><span style="color:#CD3131"> style=</span><span style="color:#0451A5">"color:#0451A5"</span><span style="color:#CD3131">></span><span style="color:#0451A5">  "scripts"</span><span style="color:#CD3131">&#x3C;/span>&#x3C;span</span><span style="color:#CD3131"> style=</span><span style="color:#0451A5">"color:#000000"</span><span style="color:#CD3131">></span><span style="color:#000000">: {</span><span style="color:#CD3131">&#x3C;/span>&#x3C;/span></span></span>
<span class="line"><span style="color:#CD3131">&#x3C;span</span><span style="color:#CD3131"> class=</span><span style="color:#0451A5">"line"</span><span style="color:#CD3131">>&#x3C;span</span><span style="color:#CD3131"> style=</span><span style="color:#0451A5">"color:#0451A5"</span><span style="color:#CD3131">></span><span style="color:#0451A5">    "build"</span><span style="color:#CD3131">&#x3C;/span>&#x3C;span</span><span style="color:#CD3131"> style=</span><span style="color:#0451A5">"color:#000000"</span><span style="color:#CD3131">></span><span style="color:#000000">: </span><span style="color:#CD3131">&#x3C;/span>&#x3C;span</span><span style="color:#CD3131"> style=</span><span style="color:#A31515">"color:#A31515"</span><span style="color:#CD3131">></span><span style="color:#A31515">"bun run build.ts"</span><span style="color:#CD3131">&#x3C;/span>&#x3C;span</span><span style="color:#CD3131"> style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#CD3131">></span><span style="color:#000000">,</span><span style="color:#CD3131">&#x3C;/span>&#x3C;/span></span></span>
<span class="line"><span style="color:#CD3131">&#x3C;span</span><span style="color:#CD3131"> class=</span><span style="color:#0451A5">"line"</span><span style="color:#CD3131">>&#x3C;span</span><span style="color:#CD3131"> style=</span><span style="color:#0451A5">"color:#0451A5"</span><span style="color:#CD3131">></span><span style="color:#0451A5">    "test"</span><span style="color:#CD3131">&#x3C;/span>&#x3C;span</span><span style="color:#CD3131"> style=</span><span style="color:#0451A5">"color:#000000"</span><span style="color:#CD3131">></span><span style="color:#000000">: </span><span style="color:#CD3131">&#x3C;/span>&#x3C;span</span><span style="color:#CD3131"> style=</span><span style="color:#A31515">"color:#A31515"</span><span style="color:#CD3131">></span><span style="color:#A31515">"bun test"</span><span style="color:#CD3131">&#x3C;/span>&#x3C;span</span><span style="color:#CD3131"> style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#CD3131">></span><span style="color:#000000">,</span><span style="color:#CD3131">&#x3C;/span>&#x3C;/span></span></span>
<span class="line"><span style="color:#CD3131">&#x3C;span</span><span style="color:#CD3131"> class=</span><span style="color:#0451A5">"line"</span><span style="color:#CD3131">>&#x3C;span</span><span style="color:#CD3131"> style=</span><span style="color:#0451A5">"color:#0451A5"</span><span style="color:#CD3131">></span><span style="color:#0451A5">    "dev"</span><span style="color:#CD3131">&#x3C;/span>&#x3C;span</span><span style="color:#CD3131"> style=</span><span style="color:#0451A5">"color:#000000"</span><span style="color:#CD3131">></span><span style="color:#000000">: </span><span style="color:#CD3131">&#x3C;/span>&#x3C;span</span><span style="color:#CD3131"> style=</span><span style="color:#A31515">"color:#A31515"</span><span style="color:#CD3131">></span><span style="color:#A31515">"bun --watch src/index.ts"</span><span style="color:#CD3131">&#x3C;/span>&#x3C;/span></span></span>
<span class="line"><span style="color:#CD3131">&#x3C;span</span><span style="color:#CD3131"> class=</span><span style="color:#A31515">"line"</span><span style="color:#CD3131">>&#x3C;span</span><span style="color:#CD3131"> style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#CD3131">></span><span style="color:#000000">  },</span><span style="color:#CD3131">&#x3C;/span>&#x3C;/span></span></span>
<span class="line"><span style="color:#CD3131">&#x3C;span</span><span style="color:#CD3131"> class=</span><span style="color:#0451A5">"line"</span><span style="color:#CD3131">>&#x3C;span</span><span style="color:#CD3131"> style=</span><span style="color:#0451A5">"color:#0451A5"</span><span style="color:#CD3131">></span><span style="color:#0451A5">  "dependencies"</span><span style="color:#CD3131">&#x3C;/span>&#x3C;span</span><span style="color:#CD3131"> style=</span><span style="color:#0451A5">"color:#000000"</span><span style="color:#CD3131">></span><span style="color:#000000">: {</span><span style="color:#CD3131">&#x3C;/span>&#x3C;/span></span></span>
<span class="line"><span style="color:#CD3131">&#x3C;span</span><span style="color:#CD3131"> class=</span><span style="color:#0451A5">"line"</span><span style="color:#CD3131">>&#x3C;span</span><span style="color:#CD3131"> style=</span><span style="color:#0451A5">"color:#0451A5"</span><span style="color:#CD3131">></span><span style="color:#0451A5">    "@unocss/runtime"</span><span style="color:#CD3131">&#x3C;/span>&#x3C;span</span><span style="color:#CD3131"> style=</span><span style="color:#0451A5">"color:#000000"</span><span style="color:#CD3131">></span><span style="color:#000000">: </span><span style="color:#CD3131">&#x3C;/span>&#x3C;span</span><span style="color:#CD3131"> style=</span><span style="color:#A31515">"color:#A31515"</span><span style="color:#CD3131">></span><span style="color:#A31515">"^0.58.0"</span><span style="color:#CD3131">&#x3C;/span>&#x3C;span</span><span style="color:#CD3131"> style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#CD3131">></span><span style="color:#000000">,</span><span style="color:#CD3131">&#x3C;/span>&#x3C;/span></span></span>
<span class="line"><span style="color:#CD3131">&#x3C;span</span><span style="color:#CD3131"> class=</span><span style="color:#0451A5">"line"</span><span style="color:#CD3131">>&#x3C;span</span><span style="color:#CD3131"> style=</span><span style="color:#0451A5">"color:#0451A5"</span><span style="color:#CD3131">></span><span style="color:#0451A5">    "marked"</span><span style="color:#CD3131">&#x3C;/span>&#x3C;span</span><span style="color:#CD3131"> style=</span><span style="color:#0451A5">"color:#000000"</span><span style="color:#CD3131">></span><span style="color:#000000">: </span><span style="color:#CD3131">&#x3C;/span>&#x3C;span</span><span style="color:#CD3131"> style=</span><span style="color:#A31515">"color:#A31515"</span><span style="color:#CD3131">></span><span style="color:#A31515">"^12.0.0"</span><span style="color:#CD3131">&#x3C;/span>&#x3C;span</span><span style="color:#CD3131"> style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#CD3131">></span><span style="color:#000000">,</span><span style="color:#CD3131">&#x3C;/span>&#x3C;/span></span></span>
<span class="line"><span style="color:#CD3131">&#x3C;span</span><span style="color:#CD3131"> class=</span><span style="color:#0451A5">"line"</span><span style="color:#CD3131">>&#x3C;span</span><span style="color:#CD3131"> style=</span><span style="color:#0451A5">"color:#0451A5"</span><span style="color:#CD3131">></span><span style="color:#0451A5">    "shiki"</span><span style="color:#CD3131">&#x3C;/span>&#x3C;span</span><span style="color:#CD3131"> style=</span><span style="color:#0451A5">"color:#000000"</span><span style="color:#CD3131">></span><span style="color:#000000">: </span><span style="color:#CD3131">&#x3C;/span>&#x3C;span</span><span style="color:#CD3131"> style=</span><span style="color:#A31515">"color:#A31515"</span><span style="color:#CD3131">></span><span style="color:#A31515">"^1.3.0"</span><span style="color:#CD3131">&#x3C;/span>&#x3C;/span></span></span>
<span class="line"><span style="color:#CD3131">&#x3C;span</span><span style="color:#CD3131"> class=</span><span style="color:#A31515">"line"</span><span style="color:#CD3131">>&#x3C;span</span><span style="color:#CD3131"> style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#CD3131">></span><span style="color:#000000">  },</span><span style="color:#CD3131">&#x3C;/span>&#x3C;/span></span></span>
<span class="line"><span style="color:#CD3131">&#x3C;span</span><span style="color:#CD3131"> class=</span><span style="color:#0451A5">"line"</span><span style="color:#CD3131">>&#x3C;span</span><span style="color:#CD3131"> style=</span><span style="color:#0451A5">"color:#0451A5"</span><span style="color:#CD3131">></span><span style="color:#0451A5">  "devDependencies"</span><span style="color:#CD3131">&#x3C;/span>&#x3C;span</span><span style="color:#CD3131"> style=</span><span style="color:#0451A5">"color:#000000"</span><span style="color:#CD3131">></span><span style="color:#000000">: {</span><span style="color:#CD3131">&#x3C;/span>&#x3C;/span></span></span>
<span class="line"><span style="color:#CD3131">&#x3C;span</span><span style="color:#CD3131"> class=</span><span style="color:#0451A5">"line"</span><span style="color:#CD3131">>&#x3C;span</span><span style="color:#CD3131"> style=</span><span style="color:#0451A5">"color:#0451A5"</span><span style="color:#CD3131">></span><span style="color:#0451A5">    "@types/node"</span><span style="color:#CD3131">&#x3C;/span>&#x3C;span</span><span style="color:#CD3131"> style=</span><span style="color:#0451A5">"color:#000000"</span><span style="color:#CD3131">></span><span style="color:#000000">: </span><span style="color:#CD3131">&#x3C;/span>&#x3C;span</span><span style="color:#CD3131"> style=</span><span style="color:#A31515">"color:#A31515"</span><span style="color:#CD3131">></span><span style="color:#A31515">"^20.0.0"</span><span style="color:#CD3131">&#x3C;/span>&#x3C;span</span><span style="color:#CD3131"> style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#CD3131">></span><span style="color:#000000">,</span><span style="color:#CD3131">&#x3C;/span>&#x3C;/span></span></span>
<span class="line"><span style="color:#CD3131">&#x3C;span</span><span style="color:#CD3131"> class=</span><span style="color:#0451A5">"line"</span><span style="color:#CD3131">>&#x3C;span</span><span style="color:#CD3131"> style=</span><span style="color:#0451A5">"color:#0451A5"</span><span style="color:#CD3131">></span><span style="color:#0451A5">    "bun-types"</span><span style="color:#CD3131">&#x3C;/span>&#x3C;span</span><span style="color:#CD3131"> style=</span><span style="color:#0451A5">"color:#000000"</span><span style="color:#CD3131">></span><span style="color:#000000">: </span><span style="color:#CD3131">&#x3C;/span>&#x3C;span</span><span style="color:#CD3131"> style=</span><span style="color:#A31515">"color:#A31515"</span><span style="color:#CD3131">></span><span style="color:#A31515">"^1.0.0"</span><span style="color:#CD3131">&#x3C;/span>&#x3C;/span></span></span>
<span class="line"><span style="color:#CD3131">&#x3C;span</span><span style="color:#CD3131"> class=</span><span style="color:#A31515">"line"</span><span style="color:#CD3131">>&#x3C;span</span><span style="color:#CD3131"> style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#CD3131">></span><span style="color:#000000">  },</span><span style="color:#CD3131">&#x3C;/span>&#x3C;/span></span></span>
<span class="line"><span style="color:#CD3131">&#x3C;span</span><span style="color:#CD3131"> class=</span><span style="color:#0451A5">"line"</span><span style="color:#CD3131">>&#x3C;span</span><span style="color:#CD3131"> style=</span><span style="color:#0451A5">"color:#0451A5"</span><span style="color:#CD3131">></span><span style="color:#0451A5">  "keywords"</span><span style="color:#CD3131">&#x3C;/span>&#x3C;span</span><span style="color:#CD3131"> style=</span><span style="color:#0451A5">"color:#000000"</span><span style="color:#CD3131">></span><span style="color:#000000">: [</span><span style="color:#CD3131">&#x3C;/span>&#x3C;span</span><span style="color:#CD3131"> style=</span><span style="color:#A31515">"color:#A31515"</span><span style="color:#CD3131">></span><span style="color:#A31515">"documentation"</span><span style="color:#CD3131">&#x3C;/span>&#x3C;span</span><span style="color:#CD3131"> style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#CD3131">></span><span style="color:#000000">, </span><span style="color:#CD3131">&#x3C;/span>&#x3C;span</span><span style="color:#CD3131"> style=</span><span style="color:#A31515">"color:#A31515"</span><span style="color:#CD3131">></span><span style="color:#A31515">"markdown"</span><span style="color:#CD3131">&#x3C;/span>&#x3C;span</span><span style="color:#CD3131"> style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#CD3131">></span><span style="color:#000000">, </span><span style="color:#CD3131">&#x3C;/span>&#x3C;span</span><span style="color:#CD3131"> style=</span><span style="color:#A31515">"color:#A31515"</span><span style="color:#CD3131">></span><span style="color:#A31515">"static-site"</span><span style="color:#CD3131">&#x3C;/span>&#x3C;span</span><span style="color:#CD3131"> style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#CD3131">></span><span style="color:#000000">],</span><span style="color:#CD3131">&#x3C;/span>&#x3C;/span></span></span>
<span class="line"><span style="color:#CD3131">&#x3C;span</span><span style="color:#CD3131"> class=</span><span style="color:#0451A5">"line"</span><span style="color:#CD3131">>&#x3C;span</span><span style="color:#CD3131"> style=</span><span style="color:#0451A5">"color:#0451A5"</span><span style="color:#CD3131">></span><span style="color:#0451A5">  "author"</span><span style="color:#CD3131">&#x3C;/span>&#x3C;span</span><span style="color:#CD3131"> style=</span><span style="color:#0451A5">"color:#000000"</span><span style="color:#CD3131">></span><span style="color:#000000">: </span><span style="color:#CD3131">&#x3C;/span>&#x3C;span</span><span style="color:#CD3131"> style=</span><span style="color:#A31515">"color:#A31515"</span><span style="color:#CD3131">></span><span style="color:#A31515">"BunPress Team"</span><span style="color:#CD3131">&#x3C;/span>&#x3C;span</span><span style="color:#CD3131"> style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#CD3131">></span><span style="color:#000000">,</span><span style="color:#CD3131">&#x3C;/span>&#x3C;/span></span></span>
<span class="line"><span style="color:#CD3131">&#x3C;span</span><span style="color:#CD3131"> class=</span><span style="color:#0451A5">"line"</span><span style="color:#CD3131">>&#x3C;span</span><span style="color:#CD3131"> style=</span><span style="color:#0451A5">"color:#0451A5"</span><span style="color:#CD3131">></span><span style="color:#0451A5">  "license"</span><span style="color:#CD3131">&#x3C;/span>&#x3C;span</span><span style="color:#CD3131"> style=</span><span style="color:#0451A5">"color:#000000"</span><span style="color:#CD3131">></span><span style="color:#000000">: </span><span style="color:#CD3131">&#x3C;/span>&#x3C;span</span><span style="color:#CD3131"> style=</span><span style="color:#A31515">"color:#A31515"</span><span style="color:#CD3131">></span><span style="color:#A31515">"MIT"</span><span style="color:#CD3131">&#x3C;/span>&#x3C;/span></span></span>
<span class="line"><span style="color:#CD3131">&#x3C;span</span><span style="color:#CD3131"> class=</span><span style="color:#A31515">"line"</span><span style="color:#CD3131">>&#x3C;span</span><span style="color:#CD3131"> style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#CD3131">></span><span style="color:#000000">}&#x3C;/span>&#x3C;/span></span></span>

#Code Blocks in Lists

  1. First, install the dependencies:

    <span class="line"><span style="color:#000000">&#x3C;span </span><span style="color:#001080">class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">>&#x3C;</span><span style="color:#A31515">span</span><span style="color:#001080"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#795E26"</span><span style="color:#000000">></span><span style="color:#A31515">npm</span><span style="color:#000000">&#x3C;</span><span style="color:#A31515">/span</span><span style="color:#000000">>&#x3C;</span><span style="color:#A31515">span</span><span style="color:#001080"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#A31515"</span><span style="color:#000000">> </span><span style="color:#795E26">install</span><span style="color:#000000">&#x3C;/span>&#x3C;span </span><span style="color:#A31515">style="color:#A31515"</span><span style="color:#000000">> </span><span style="color:#A31515">bunpress</span><span style="color:#000000">&#x3C;</span><span style="color:#A31515">/spa</span><span style="color:#000000">n>&#x3C;</span><span style="color:#A31515">/spa</span><span style="color:#000000">n></span></span>
  2. Create a configuration file:

    <span class="line"><span style="color:#000000">&#x3C;</span><span style="color:#001080">span</span><span style="color:#001080"> class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">>&#x3C;</span><span style="color:#267F99">span</span><span style="color:#267F99"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#AF00DB"</span><span style="color:#000000">></span><span style="color:#0000FF">export</span><span style="color:#000000">&#x3C;/</span><span style="color:#001080">span</span><span style="color:#000000">>&#x3C;</span><span style="color:#267F99">span</span><span style="color:#267F99"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#AF00DB"</span><span style="color:#000000">> </span><span style="color:#AF00DB">default</span><span style="color:#000000">&#x3C;/</span><span style="color:#267F99">span</span><span style="color:#000000">>&#x3C;</span><span style="color:#267F99">span</span><span style="color:#267F99"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">> {&#x3C;/span>&#x3C;/span></span></span>
    <span class="line"><span style="color:#000000">&#x3C;span </span><span style="color:#001080">class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">>&#x3C;</span><span style="color:#267F99">span</span><span style="color:#267F99"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#001080"</span><span style="color:#000000">>  </span><span style="color:#001080">title</span><span style="color:#000000">:&#x3C;/</span><span style="color:#267F99">span</span><span style="color:#000000">>&#x3C;</span><span style="color:#267F99">span</span><span style="color:#267F99"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#A31515"</span><span style="color:#000000">> </span><span style="color:#A31515">'My Documentation'</span><span style="color:#000000">&#x3C;/</span><span style="color:#001080">span</span><span style="color:#000000">>&#x3C;</span><span style="color:#267F99">span</span><span style="color:#267F99"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>,&#x3C;/span>&#x3C;/span></span></span>
    <span class="line"><span style="color:#000000">&#x3C;span </span><span style="color:#001080">class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">>&#x3C;</span><span style="color:#267F99">span</span><span style="color:#267F99"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#001080"</span><span style="color:#000000">>  </span><span style="color:#001080">theme</span><span style="color:#000000">:&#x3C;/</span><span style="color:#267F99">span</span><span style="color:#000000">>&#x3C;</span><span style="color:#267F99">span</span><span style="color:#267F99"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#A31515"</span><span style="color:#000000">> </span><span style="color:#A31515">'default'</span><span style="color:#000000">&#x3C;/</span><span style="color:#001080">span</span><span style="color:#000000">>&#x3C;/</span><span style="color:#267F99">span</span><span style="color:#000000">></span></span>
    <span class="line"><span style="color:#000000">&#x3C;span </span><span style="color:#001080">class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">>&#x3C;</span><span style="color:#267F99">span</span><span style="color:#267F99"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>}&#x3C;/</span><span style="color:#001080">span</span><span style="color:#000000">>&#x3C;/</span><span style="color:#267F99">span</span><span style="color:#000000">></span></span>
  3. Build your documentation:

    <span class="line"><span style="color:#000000">&#x3C;span </span><span style="color:#001080">class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">>&#x3C;</span><span style="color:#A31515">span</span><span style="color:#001080"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#795E26"</span><span style="color:#000000">></span><span style="color:#A31515">npx</span><span style="color:#000000">&#x3C;</span><span style="color:#A31515">/span</span><span style="color:#000000">>&#x3C;</span><span style="color:#A31515">span</span><span style="color:#001080"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#A31515"</span><span style="color:#000000">> </span><span style="color:#795E26">bunpress</span><span style="color:#000000">&#x3C;/span>&#x3C;span </span><span style="color:#A31515">style="color:#A31515"</span><span style="color:#000000">> </span><span style="color:#A31515">build</span><span style="color:#000000">&#x3C;</span><span style="color:#A31515">/spa</span><span style="color:#000000">n>&#x3C;</span><span style="color:#A31515">/spa</span><span style="color:#000000">n></span></span>

#Code Blocks with Special Characters

<span class="line"><span style="color:#000000">&#x3C;span class=</span><span style="color:#A31515">"line"</span><span style="color:#000000">>&#x3C;span style=</span><span style="color:#A31515">"color:#008000"</span><span style="color:#000000">></span><span style="color:#008000">-- Create users table&#x3C;/span>&#x3C;/span></span></span>
<span class="line"><span style="color:#000000">&#x3C;span class=</span><span style="color:#A31515">"line"</span><span style="color:#000000">>&#x3C;span style=</span><span style="color:#A31515">"color:#0000FF"</span><span style="color:#000000">></span><span style="color:#0000FF">CREATE</span><span style="color:#000000">&#x3C;/span>&#x3C;span style=</span><span style="color:#A31515">"color:#0000FF"</span><span style="color:#000000">> </span><span style="color:#0000FF">TABLE</span><span style="color:#000000">&#x3C;/span>&#x3C;span style=</span><span style="color:#A31515">"color:#795E26"</span><span style="color:#000000">> users&#x3C;/span>&#x3C;span style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">> (&#x3C;/span>&#x3C;/span></span></span>
<span class="line"><span style="color:#000000">&#x3C;span class=</span><span style="color:#A31515">"line"</span><span style="color:#000000">>&#x3C;span style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>  id &#x3C;/span>&#x3C;span style=</span><span style="color:#A31515">"color:#0000FF"</span><span style="color:#000000">></span><span style="color:#0000FF">SERIAL</span><span style="color:#000000">&#x3C;/span>&#x3C;span style=</span><span style="color:#A31515">"color:#0000FF"</span><span style="color:#000000">> </span><span style="color:#0000FF">PRIMARY KEY</span><span style="color:#000000">&#x3C;/span>&#x3C;span style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>,&#x3C;/span>&#x3C;/span></span></span>
<span class="line"><span style="color:#000000">&#x3C;span class=</span><span style="color:#A31515">"line"</span><span style="color:#000000">>&#x3C;span style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>  username &#x3C;/span>&#x3C;span style=</span><span style="color:#A31515">"color:#0000FF"</span><span style="color:#000000">></span><span style="color:#0000FF">VARCHAR</span><span style="color:#000000">&#x3C;/span>&#x3C;span style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>(&#x3C;/span>&#x3C;span style=</span><span style="color:#A31515">"color:#098658"</span><span style="color:#000000">></span><span style="color:#098658">50</span><span style="color:#000000">&#x3C;/span>&#x3C;span style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>) &#x3C;/span>&#x3C;span style=</span><span style="color:#A31515">"color:#0000FF"</span><span style="color:#000000">></span><span style="color:#0000FF">UNIQUE</span><span style="color:#000000">&#x3C;/span>&#x3C;span style=</span><span style="color:#A31515">"color:#0000FF"</span><span style="color:#000000">> </span><span style="color:#0000FF">NOT NULL</span><span style="color:#000000">&#x3C;/span>&#x3C;span style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>,&#x3C;/span>&#x3C;/span></span></span>
<span class="line"><span style="color:#000000">&#x3C;span class=</span><span style="color:#A31515">"line"</span><span style="color:#000000">>&#x3C;span style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>  email &#x3C;/span>&#x3C;span style=</span><span style="color:#A31515">"color:#0000FF"</span><span style="color:#000000">></span><span style="color:#0000FF">VARCHAR</span><span style="color:#000000">&#x3C;/span>&#x3C;span style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>(&#x3C;/span>&#x3C;span style=</span><span style="color:#A31515">"color:#098658"</span><span style="color:#000000">></span><span style="color:#098658">255</span><span style="color:#000000">&#x3C;/span>&#x3C;span style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>) &#x3C;/span>&#x3C;span style=</span><span style="color:#A31515">"color:#0000FF"</span><span style="color:#000000">></span><span style="color:#0000FF">UNIQUE</span><span style="color:#000000">&#x3C;/span>&#x3C;span style=</span><span style="color:#A31515">"color:#0000FF"</span><span style="color:#000000">> </span><span style="color:#0000FF">NOT NULL</span><span style="color:#000000">&#x3C;/span>&#x3C;span style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>,&#x3C;/span>&#x3C;/span></span></span>
<span class="line"><span style="color:#000000">&#x3C;span class=</span><span style="color:#A31515">"line"</span><span style="color:#000000">>&#x3C;span style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>  password_hash &#x3C;/span>&#x3C;span style=</span><span style="color:#A31515">"color:#0000FF"</span><span style="color:#000000">></span><span style="color:#0000FF">VARCHAR</span><span style="color:#000000">&#x3C;/span>&#x3C;span style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>(&#x3C;/span>&#x3C;span style=</span><span style="color:#A31515">"color:#098658"</span><span style="color:#000000">></span><span style="color:#098658">255</span><span style="color:#000000">&#x3C;/span>&#x3C;span style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>) &#x3C;/span>&#x3C;span style=</span><span style="color:#A31515">"color:#0000FF"</span><span style="color:#000000">></span><span style="color:#0000FF">NOT NULL</span><span style="color:#000000">&#x3C;/span>&#x3C;span style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>,&#x3C;/span>&#x3C;/span></span></span>
<span class="line"><span style="color:#000000">&#x3C;span class=</span><span style="color:#A31515">"line"</span><span style="color:#000000">>&#x3C;span style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>  created_at &#x3C;/span>&#x3C;span style=</span><span style="color:#A31515">"color:#0000FF"</span><span style="color:#000000">></span><span style="color:#0000FF">TIMESTAMP</span><span style="color:#000000">&#x3C;/span>&#x3C;span style=</span><span style="color:#A31515">"color:#0000FF"</span><span style="color:#000000">> </span><span style="color:#0000FF">DEFAULT</span><span style="color:#000000">&#x3C;/span>&#x3C;span style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">> CURRENT_TIMESTAMP,&#x3C;/span>&#x3C;/span></span></span>
<span class="line"><span style="color:#000000">&#x3C;span class=</span><span style="color:#A31515">"line"</span><span style="color:#000000">>&#x3C;span style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>  updated_at &#x3C;/span>&#x3C;span style=</span><span style="color:#A31515">"color:#0000FF"</span><span style="color:#000000">></span><span style="color:#0000FF">TIMESTAMP</span><span style="color:#000000">&#x3C;/span>&#x3C;span style=</span><span style="color:#A31515">"color:#0000FF"</span><span style="color:#000000">> </span><span style="color:#0000FF">DEFAULT</span><span style="color:#000000">&#x3C;/span>&#x3C;span style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">> CURRENT_TIMESTAMP&#x3C;/span>&#x3C;/span></span></span>
<span class="line"><span style="color:#000000">&#x3C;span class=</span><span style="color:#A31515">"line"</span><span style="color:#000000">>&#x3C;span style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>);&#x3C;/span>&#x3C;/span></span></span>
<span class="line"><span style="color:#000000">&#x3C;span class=</span><span style="color:#A31515">"line"</span><span style="color:#000000">>&#x3C;/span></span></span>
<span class="line"><span style="color:#000000">&#x3C;span class=</span><span style="color:#A31515">"line"</span><span style="color:#000000">>&#x3C;span style=</span><span style="color:#A31515">"color:#008000"</span><span style="color:#000000">></span><span style="color:#008000">-- Insert sample data&#x3C;/span>&#x3C;/span></span></span>
<span class="line"><span style="color:#000000">&#x3C;span class=</span><span style="color:#A31515">"line"</span><span style="color:#000000">>&#x3C;span style=</span><span style="color:#A31515">"color:#0000FF"</span><span style="color:#000000">></span><span style="color:#0000FF">INSERT INTO</span><span style="color:#000000">&#x3C;/span>&#x3C;span style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">> users (username, email, password_hash) &#x3C;/span>&#x3C;span style=</span><span style="color:#A31515">"color:#0000FF"</span><span style="color:#000000">></span><span style="color:#0000FF">VALUES</span><span style="color:#000000">&#x3C;/span>&#x3C;/span></span></span>
<span class="line"><span style="color:#000000">&#x3C;span class=</span><span style="color:#A31515">"line"</span><span style="color:#000000">>&#x3C;span style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>(&#x3C;/span>&#x3C;span style=</span><span style="color:#A31515">"color:#A31515"</span><span style="color:#000000">></span><span style="color:#A31515">'admin'</span><span style="color:#000000">&#x3C;/span>&#x3C;span style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>, &#x3C;/span>&#x3C;span style=</span><span style="color:#A31515">"color:#A31515"</span><span style="color:#000000">></span><span style="color:#A31515">'admin@example.com'</span><span style="color:#000000">&#x3C;/span>&#x3C;span style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>, &#x3C;/span>&#x3C;span style=</span><span style="color:#A31515">"color:#A31515"</span><span style="color:#000000">></span><span style="color:#A31515">'$2b$10$...'</span><span style="color:#000000">&#x3C;/span>&#x3C;span style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>),&#x3C;/span>&#x3C;/span></span></span>
<span class="line"><span style="color:#000000">&#x3C;span class=</span><span style="color:#A31515">"line"</span><span style="color:#000000">>&#x3C;span style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>(&#x3C;/span>&#x3C;span style=</span><span style="color:#A31515">"color:#A31515"</span><span style="color:#000000">></span><span style="color:#A31515">'user1'</span><span style="color:#000000">&#x3C;/span>&#x3C;span style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>, &#x3C;/span>&#x3C;span style=</span><span style="color:#A31515">"color:#A31515"</span><span style="color:#000000">></span><span style="color:#A31515">'user1@example.com'</span><span style="color:#000000">&#x3C;/span>&#x3C;span style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>, &#x3C;/span>&#x3C;span style=</span><span style="color:#A31515">"color:#A31515"</span><span style="color:#000000">></span><span style="color:#A31515">'$2b$10$...'</span><span style="color:#000000">&#x3C;/span>&#x3C;span style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>);&#x3C;/span>&#x3C;/span></span></span>
<span class="line"><span style="color:#000000">&#x3C;span class=</span><span style="color:#A31515">"line"</span><span style="color:#000000">>&#x3C;/span></span></span>
<span class="line"><span style="color:#000000">&#x3C;span class=</span><span style="color:#A31515">"line"</span><span style="color:#000000">>&#x3C;span style=</span><span style="color:#A31515">"color:#008000"</span><span style="color:#000000">></span><span style="color:#008000">-- Query users&#x3C;/span>&#x3C;/span></span></span>
<span class="line"><span style="color:#000000">&#x3C;span class=</span><span style="color:#A31515">"line"</span><span style="color:#000000">>&#x3C;span style=</span><span style="color:#A31515">"color:#0000FF"</span><span style="color:#000000">></span><span style="color:#0000FF">SELECT</span><span style="color:#000000">&#x3C;/span>&#x3C;span style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">> id, username, email, created_at&#x3C;/span>&#x3C;/span></span></span>
<span class="line"><span style="color:#000000">&#x3C;span class=</span><span style="color:#A31515">"line"</span><span style="color:#000000">>&#x3C;span style=</span><span style="color:#A31515">"color:#0000FF"</span><span style="color:#000000">></span><span style="color:#0000FF">FROM</span><span style="color:#000000">&#x3C;/span>&#x3C;span style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">> users&#x3C;/span>&#x3C;/span></span></span>
<span class="line"><span style="color:#000000">&#x3C;span class=</span><span style="color:#A31515">"line"</span><span style="color:#000000">>&#x3C;span style=</span><span style="color:#A31515">"color:#0000FF"</span><span style="color:#000000">></span><span style="color:#0000FF">WHERE</span><span style="color:#000000">&#x3C;/span>&#x3C;span style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">> created_at > &#x3C;/span>&#x3C;span style=</span><span style="color:#A31515">"color:#A31515"</span><span style="color:#000000">></span><span style="color:#A31515">'2024-01-01'</span><span style="color:#000000">&#x3C;/span>&#x3C;/span></span></span>
<span class="line"><span style="color:#000000">&#x3C;span class=</span><span style="color:#A31515">"line"</span><span style="color:#000000">>&#x3C;span style=</span><span style="color:#A31515">"color:#0000FF"</span><span style="color:#000000">></span><span style="color:#0000FF">ORDER BY</span><span style="color:#000000">&#x3C;/span>&#x3C;span style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">> created_at &#x3C;/span>&#x3C;span style=</span><span style="color:#A31515">"color:#0000FF"</span><span style="color:#000000">></span><span style="color:#0000FF">DESC</span><span style="color:#000000">&#x3C;/span>&#x3C;span style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>;&#x3C;/span>&#x3C;/span></span></span>

#Inline Code

This is inline code within a paragraph. You can also use const variable = 'value' or functionName() for inline code examples.

#Code Blocks with Unicode

<span class="line"><span style="color:#000000">&#x3C;</span><span style="color:#001080">span</span><span style="color:#001080"> class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">>&#x3C;</span><span style="color:#001080">span</span><span style="color:#001080"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#0000FF"</span><span style="color:#000000">></span><span style="color:#0000FF">use</span><span style="color:#000000">&#x3C;/</span><span style="color:#001080">span</span><span style="color:#000000">>&#x3C;</span><span style="color:#001080">span</span><span style="color:#001080"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#267F99"</span><span style="color:#000000">> </span><span style="color:#001080">std</span><span style="color:#000000">&#x3C;/</span><span style="color:#001080">span</span><span style="color:#000000">>&#x3C;</span><span style="color:#001080">span</span><span style="color:#001080"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>::&#x3C;/</span><span style="color:#001080">span</span><span style="color:#000000">>&#x3C;</span><span style="color:#001080">span</span><span style="color:#001080"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#267F99"</span><span style="color:#000000">></span><span style="color:#001080">collections</span><span style="color:#000000">&#x3C;/</span><span style="color:#001080">span</span><span style="color:#000000">>&#x3C;</span><span style="color:#001080">span</span><span style="color:#001080"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>::&#x3C;/</span><span style="color:#001080">span</span><span style="color:#000000">>&#x3C;</span><span style="color:#001080">span</span><span style="color:#001080"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#267F99"</span><span style="color:#000000">></span><span style="color:#267F99">HashMap</span><span style="color:#000000">&#x3C;/</span><span style="color:#001080">span</span><span style="color:#000000">>&#x3C;</span><span style="color:#001080">span</span><span style="color:#001080"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>;&#x3C;/</span><span style="color:#001080">span</span><span style="color:#000000">>&#x3C;/</span><span style="color:#001080">span</span><span style="color:#000000">></span></span>
<span class="line"><span style="color:#000000">&#x3C;</span><span style="color:#001080">span</span><span style="color:#001080"> class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">>&#x3C;/</span><span style="color:#001080">span</span><span style="color:#000000">></span></span>
<span class="line"><span style="color:#000000">&#x3C;</span><span style="color:#001080">span</span><span style="color:#001080"> class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">>&#x3C;</span><span style="color:#001080">span</span><span style="color:#001080"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#0000FF"</span><span style="color:#000000">></span><span style="color:#0000FF">fn</span><span style="color:#000000">&#x3C;/</span><span style="color:#001080">span</span><span style="color:#000000">>&#x3C;</span><span style="color:#001080">span</span><span style="color:#001080"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#795E26"</span><span style="color:#000000">> </span><span style="color:#001080">main</span><span style="color:#000000">&#x3C;/</span><span style="color:#001080">span</span><span style="color:#000000">>&#x3C;</span><span style="color:#001080">span</span><span style="color:#001080"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>() {&#x3C;/</span><span style="color:#001080">span</span><span style="color:#000000">>&#x3C;/</span><span style="color:#001080">span</span><span style="color:#000000">></span></span>
<span class="line"><span style="color:#000000">&#x3C;</span><span style="color:#001080">span</span><span style="color:#001080"> class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">>&#x3C;</span><span style="color:#001080">span</span><span style="color:#001080"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#0000FF"</span><span style="color:#000000">>    </span><span style="color:#0000FF">let</span><span style="color:#000000">&#x3C;/</span><span style="color:#001080">span</span><span style="color:#000000">>&#x3C;</span><span style="color:#001080">span</span><span style="color:#001080"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#0000FF"</span><span style="color:#000000">> </span><span style="color:#0000FF">mut</span><span style="color:#000000">&#x3C;/</span><span style="color:#001080">span</span><span style="color:#000000">>&#x3C;</span><span style="color:#001080">span</span><span style="color:#001080"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#001080"</span><span style="color:#000000">> </span><span style="color:#001080">users</span><span style="color:#000000">&#x3C;/</span><span style="color:#001080">span</span><span style="color:#000000">>&#x3C;</span><span style="color:#001080">span</span><span style="color:#001080"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>: &#x3C;/</span><span style="color:#001080">span</span><span style="color:#000000">>&#x3C;</span><span style="color:#001080">span</span><span style="color:#001080"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#267F99"</span><span style="color:#000000">></span><span style="color:#267F99">HashMap</span><span style="color:#000000">&#x3C;/</span><span style="color:#001080">span</span><span style="color:#000000">>&#x3C;</span><span style="color:#001080">span</span><span style="color:#001080"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>&#x26;#x3C;&#x3C;/</span><span style="color:#001080">span</span><span style="color:#000000">>&#x3C;</span><span style="color:#001080">span</span><span style="color:#001080"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#267F99"</span><span style="color:#000000">></span><span style="color:#267F99">String</span><span style="color:#000000">&#x3C;/</span><span style="color:#001080">span</span><span style="color:#000000">>&#x3C;</span><span style="color:#001080">span</span><span style="color:#001080"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>, &#x3C;/</span><span style="color:#001080">span</span><span style="color:#000000">>&#x3C;</span><span style="color:#001080">span</span><span style="color:#001080"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#267F99"</span><span style="color:#000000">></span><span style="color:#267F99">String</span><span style="color:#000000">&#x3C;/</span><span style="color:#001080">span</span><span style="color:#000000">>&#x3C;</span><span style="color:#001080">span</span><span style="color:#001080"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>> = &#x3C;/</span><span style="color:#001080">span</span><span style="color:#000000">>&#x3C;</span><span style="color:#001080">span</span><span style="color:#001080"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#267F99"</span><span style="color:#000000">></span><span style="color:#267F99">HashMap</span><span style="color:#000000">&#x3C;/</span><span style="color:#001080">span</span><span style="color:#000000">>&#x3C;</span><span style="color:#001080">span</span><span style="color:#001080"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>::&#x3C;/</span><span style="color:#001080">span</span><span style="color:#000000">>&#x3C;</span><span style="color:#001080">span</span><span style="color:#001080"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#795E26"</span><span style="color:#000000">></span><span style="color:#001080">new</span><span style="color:#000000">&#x3C;/</span><span style="color:#001080">span</span><span style="color:#000000">>&#x3C;</span><span style="color:#001080">span</span><span style="color:#001080"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>();&#x3C;/</span><span style="color:#001080">span</span><span style="color:#000000">>&#x3C;/</span><span style="color:#001080">span</span><span style="color:#000000">></span></span>
<span class="line"><span style="color:#000000">&#x3C;</span><span style="color:#001080">span</span><span style="color:#001080"> class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">>&#x3C;/</span><span style="color:#001080">span</span><span style="color:#000000">></span></span>
<span class="line"><span style="color:#000000">&#x3C;</span><span style="color:#001080">span</span><span style="color:#001080"> class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">>&#x3C;</span><span style="color:#001080">span</span><span style="color:#001080"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#008000"</span><span style="color:#000000">>    </span><span style="color:#008000">// 用户数据 (Chinese comments)&#x3C;/span>&#x3C;/span></span></span>
<span class="line"><span style="color:#000000">&#x3C;</span><span style="color:#001080">span</span><span style="color:#001080"> class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">>&#x3C;</span><span style="color:#001080">span</span><span style="color:#001080"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#001080"</span><span style="color:#000000">>    </span><span style="color:#001080">users</span><span style="color:#000000">&#x3C;/</span><span style="color:#001080">span</span><span style="color:#000000">>&#x3C;</span><span style="color:#001080">span</span><span style="color:#001080"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>.&#x3C;/</span><span style="color:#001080">span</span><span style="color:#000000">>&#x3C;</span><span style="color:#001080">span</span><span style="color:#001080"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#795E26"</span><span style="color:#000000">></span><span style="color:#001080">insert</span><span style="color:#000000">&#x3C;/</span><span style="color:#001080">span</span><span style="color:#000000">>&#x3C;</span><span style="color:#001080">span</span><span style="color:#001080"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>(&#x3C;/</span><span style="color:#001080">span</span><span style="color:#000000">>&#x3C;</span><span style="color:#001080">span</span><span style="color:#001080"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#A31515"</span><span style="color:#000000">></span><span style="color:#A31515">"admin"</span><span style="color:#000000">&#x3C;/</span><span style="color:#001080">span</span><span style="color:#000000">>&#x3C;</span><span style="color:#001080">span</span><span style="color:#001080"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>.&#x3C;/</span><span style="color:#001080">span</span><span style="color:#000000">>&#x3C;</span><span style="color:#001080">span</span><span style="color:#001080"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#795E26"</span><span style="color:#000000">></span><span style="color:#001080">to_string</span><span style="color:#000000">&#x3C;/</span><span style="color:#001080">span</span><span style="color:#000000">>&#x3C;</span><span style="color:#001080">span</span><span style="color:#001080"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>(), &#x3C;/</span><span style="color:#001080">span</span><span style="color:#000000">>&#x3C;</span><span style="color:#001080">span</span><span style="color:#001080"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#A31515"</span><span style="color:#000000">></span><span style="color:#A31515">"管理员"</span><span style="color:#000000">&#x3C;/</span><span style="color:#001080">span</span><span style="color:#000000">>&#x3C;</span><span style="color:#001080">span</span><span style="color:#001080"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>.&#x3C;/</span><span style="color:#001080">span</span><span style="color:#000000">>&#x3C;</span><span style="color:#001080">span</span><span style="color:#001080"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#795E26"</span><span style="color:#000000">></span><span style="color:#001080">to_string</span><span style="color:#000000">&#x3C;/</span><span style="color:#001080">span</span><span style="color:#000000">>&#x3C;</span><span style="color:#001080">span</span><span style="color:#001080"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>());&#x3C;/</span><span style="color:#001080">span</span><span style="color:#000000">>&#x3C;/</span><span style="color:#001080">span</span><span style="color:#000000">></span></span>
<span class="line"><span style="color:#000000">&#x3C;</span><span style="color:#001080">span</span><span style="color:#001080"> class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">>&#x3C;</span><span style="color:#001080">span</span><span style="color:#001080"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#001080"</span><span style="color:#000000">>    </span><span style="color:#001080">users</span><span style="color:#000000">&#x3C;/</span><span style="color:#001080">span</span><span style="color:#000000">>&#x3C;</span><span style="color:#001080">span</span><span style="color:#001080"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>.&#x3C;/</span><span style="color:#001080">span</span><span style="color:#000000">>&#x3C;</span><span style="color:#001080">span</span><span style="color:#001080"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#795E26"</span><span style="color:#000000">></span><span style="color:#001080">insert</span><span style="color:#000000">&#x3C;/</span><span style="color:#001080">span</span><span style="color:#000000">>&#x3C;</span><span style="color:#001080">span</span><span style="color:#001080"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>(&#x3C;/</span><span style="color:#001080">span</span><span style="color:#000000">>&#x3C;</span><span style="color:#001080">span</span><span style="color:#001080"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#A31515"</span><span style="color:#000000">></span><span style="color:#A31515">"user1"</span><span style="color:#000000">&#x3C;/</span><span style="color:#001080">span</span><span style="color:#000000">>&#x3C;</span><span style="color:#001080">span</span><span style="color:#001080"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>.&#x3C;/</span><span style="color:#001080">span</span><span style="color:#000000">>&#x3C;</span><span style="color:#001080">span</span><span style="color:#001080"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#795E26"</span><span style="color:#000000">></span><span style="color:#001080">to_string</span><span style="color:#000000">&#x3C;/</span><span style="color:#001080">span</span><span style="color:#000000">>&#x3C;</span><span style="color:#001080">span</span><span style="color:#001080"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>(), &#x3C;/</span><span style="color:#001080">span</span><span style="color:#000000">>&#x3C;</span><span style="color:#001080">span</span><span style="color:#001080"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#A31515"</span><span style="color:#000000">></span><span style="color:#A31515">"用户1"</span><span style="color:#000000">&#x3C;/</span><span style="color:#001080">span</span><span style="color:#000000">>&#x3C;</span><span style="color:#001080">span</span><span style="color:#001080"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>.&#x3C;/</span><span style="color:#001080">span</span><span style="color:#000000">>&#x3C;</span><span style="color:#001080">span</span><span style="color:#001080"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#795E26"</span><span style="color:#000000">></span><span style="color:#001080">to_string</span><span style="color:#000000">&#x3C;/</span><span style="color:#001080">span</span><span style="color:#000000">>&#x3C;</span><span style="color:#001080">span</span><span style="color:#001080"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>());&#x3C;/</span><span style="color:#001080">span</span><span style="color:#000000">>&#x3C;/</span><span style="color:#001080">span</span><span style="color:#000000">></span></span>
<span class="line"><span style="color:#000000">&#x3C;</span><span style="color:#001080">span</span><span style="color:#001080"> class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">>&#x3C;/</span><span style="color:#001080">span</span><span style="color:#000000">></span></span>
<span class="line"><span style="color:#000000">&#x3C;</span><span style="color:#001080">span</span><span style="color:#001080"> class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">>&#x3C;</span><span style="color:#001080">span</span><span style="color:#001080"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#008000"</span><span style="color:#000000">>    </span><span style="color:#008000">// 遍历用户 (Iterate through users)&#x3C;/span>&#x3C;/span></span></span>
<span class="line"><span style="color:#000000">&#x3C;</span><span style="color:#001080">span</span><span style="color:#001080"> class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">>&#x3C;</span><span style="color:#001080">span</span><span style="color:#001080"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#AF00DB"</span><span style="color:#000000">>    </span><span style="color:#AF00DB">for</span><span style="color:#000000">&#x3C;/</span><span style="color:#001080">span</span><span style="color:#000000">>&#x3C;</span><span style="color:#001080">span</span><span style="color:#001080"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">> (&#x3C;/</span><span style="color:#001080">span</span><span style="color:#000000">>&#x3C;</span><span style="color:#001080">span</span><span style="color:#001080"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#001080"</span><span style="color:#000000">></span><span style="color:#001080">key</span><span style="color:#000000">&#x3C;/</span><span style="color:#001080">span</span><span style="color:#000000">>&#x3C;</span><span style="color:#001080">span</span><span style="color:#001080"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>, &#x3C;/</span><span style="color:#001080">span</span><span style="color:#000000">>&#x3C;</span><span style="color:#001080">span</span><span style="color:#001080"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#001080"</span><span style="color:#000000">></span><span style="color:#001080">value</span><span style="color:#000000">&#x3C;/</span><span style="color:#001080">span</span><span style="color:#000000">>&#x3C;</span><span style="color:#001080">span</span><span style="color:#001080"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>) &#x3C;/</span><span style="color:#001080">span</span><span style="color:#000000">>&#x3C;</span><span style="color:#001080">span</span><span style="color:#001080"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#0000FF"</span><span style="color:#000000">></span><span style="color:#0000FF">in</span><span style="color:#000000">&#x3C;/</span><span style="color:#001080">span</span><span style="color:#000000">>&#x3C;</span><span style="color:#001080">span</span><span style="color:#001080"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">> &#x26;#</span><span style="color:#001080">x26</span><span style="color:#000000">;&#x3C;/</span><span style="color:#001080">span</span><span style="color:#000000">>&#x3C;</span><span style="color:#001080">span</span><span style="color:#001080"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#001080"</span><span style="color:#000000">></span><span style="color:#001080">users</span><span style="color:#000000">&#x3C;/</span><span style="color:#001080">span</span><span style="color:#000000">>&#x3C;</span><span style="color:#001080">span</span><span style="color:#001080"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">> {&#x3C;/</span><span style="color:#001080">span</span><span style="color:#000000">>&#x3C;/</span><span style="color:#001080">span</span><span style="color:#000000">></span></span>
<span class="line"><span style="color:#000000">&#x3C;</span><span style="color:#001080">span</span><span style="color:#001080"> class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">>&#x3C;</span><span style="color:#001080">span</span><span style="color:#001080"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#795E26"</span><span style="color:#000000">>        </span><span style="color:#795E26">println!</span><span style="color:#000000">&#x3C;/</span><span style="color:#001080">span</span><span style="color:#000000">>&#x3C;</span><span style="color:#001080">span</span><span style="color:#001080"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>(&#x3C;/</span><span style="color:#001080">span</span><span style="color:#000000">>&#x3C;</span><span style="color:#001080">span</span><span style="color:#001080"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#A31515"</span><span style="color:#000000">></span><span style="color:#A31515">"{}: {}"</span><span style="color:#000000">&#x3C;/</span><span style="color:#001080">span</span><span style="color:#000000">>&#x3C;</span><span style="color:#001080">span</span><span style="color:#001080"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>, &#x3C;/</span><span style="color:#001080">span</span><span style="color:#000000">>&#x3C;</span><span style="color:#001080">span</span><span style="color:#001080"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#001080"</span><span style="color:#000000">></span><span style="color:#001080">key</span><span style="color:#000000">&#x3C;/</span><span style="color:#001080">span</span><span style="color:#000000">>&#x3C;</span><span style="color:#001080">span</span><span style="color:#001080"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>, &#x3C;/</span><span style="color:#001080">span</span><span style="color:#000000">>&#x3C;</span><span style="color:#001080">span</span><span style="color:#001080"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#001080"</span><span style="color:#000000">></span><span style="color:#001080">value</span><span style="color:#000000">&#x3C;/</span><span style="color:#001080">span</span><span style="color:#000000">>&#x3C;</span><span style="color:#001080">span</span><span style="color:#001080"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>);&#x3C;/</span><span style="color:#001080">span</span><span style="color:#000000">>&#x3C;/</span><span style="color:#001080">span</span><span style="color:#000000">></span></span>
<span class="line"><span style="color:#000000">&#x3C;</span><span style="color:#001080">span</span><span style="color:#001080"> class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">>&#x3C;</span><span style="color:#001080">span</span><span style="color:#001080"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>    }&#x3C;/</span><span style="color:#001080">span</span><span style="color:#000000">>&#x3C;/</span><span style="color:#001080">span</span><span style="color:#000000">></span></span>
<span class="line"><span style="color:#000000">&#x3C;</span><span style="color:#001080">span</span><span style="color:#001080"> class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">>&#x3C;/</span><span style="color:#001080">span</span><span style="color:#000000">></span></span>
<span class="line"><span style="color:#000000">&#x3C;</span><span style="color:#001080">span</span><span style="color:#001080"> class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">>&#x3C;</span><span style="color:#001080">span</span><span style="color:#001080"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#008000"</span><span style="color:#000000">>    </span><span style="color:#008000">// 特殊字符 (Special characters)&#x3C;/span>&#x3C;/span></span></span>
<span class="line"><span style="color:#000000">&#x3C;</span><span style="color:#001080">span</span><span style="color:#001080"> class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">>&#x3C;</span><span style="color:#001080">span</span><span style="color:#001080"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#0000FF"</span><span style="color:#000000">>    </span><span style="color:#0000FF">let</span><span style="color:#000000">&#x3C;/</span><span style="color:#001080">span</span><span style="color:#000000">>&#x3C;</span><span style="color:#001080">span</span><span style="color:#001080"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#001080"</span><span style="color:#000000">> </span><span style="color:#001080">symbols</span><span style="color:#000000">&#x3C;/</span><span style="color:#001080">span</span><span style="color:#000000">>&#x3C;</span><span style="color:#001080">span</span><span style="color:#001080"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">> = &#x3C;/</span><span style="color:#001080">span</span><span style="color:#000000">>&#x3C;</span><span style="color:#001080">span</span><span style="color:#001080"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#A31515"</span><span style="color:#000000">></span><span style="color:#A31515">"∑∆∞√∫αβγδεζηθικλμνξοπρστυφχψω"</span><span style="color:#000000">&#x3C;/</span><span style="color:#001080">span</span><span style="color:#000000">>&#x3C;</span><span style="color:#001080">span</span><span style="color:#001080"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>;&#x3C;/</span><span style="color:#001080">span</span><span style="color:#000000">>&#x3C;/</span><span style="color:#001080">span</span><span style="color:#000000">></span></span>
<span class="line"><span style="color:#000000">&#x3C;</span><span style="color:#001080">span</span><span style="color:#001080"> class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">>&#x3C;</span><span style="color:#001080">span</span><span style="color:#001080"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#795E26"</span><span style="color:#000000">>    </span><span style="color:#795E26">println!</span><span style="color:#000000">&#x3C;/</span><span style="color:#001080">span</span><span style="color:#000000">>&#x3C;</span><span style="color:#001080">span</span><span style="color:#001080"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>(&#x3C;/</span><span style="color:#001080">span</span><span style="color:#000000">>&#x3C;</span><span style="color:#001080">span</span><span style="color:#001080"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#A31515"</span><span style="color:#000000">></span><span style="color:#A31515">"Mathematical symbols: {}"</span><span style="color:#000000">&#x3C;/</span><span style="color:#001080">span</span><span style="color:#000000">>&#x3C;</span><span style="color:#001080">span</span><span style="color:#001080"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>, &#x3C;/</span><span style="color:#001080">span</span><span style="color:#000000">>&#x3C;</span><span style="color:#001080">span</span><span style="color:#001080"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#001080"</span><span style="color:#000000">></span><span style="color:#001080">symbols</span><span style="color:#000000">&#x3C;/</span><span style="color:#001080">span</span><span style="color:#000000">>&#x3C;</span><span style="color:#001080">span</span><span style="color:#001080"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>);&#x3C;/</span><span style="color:#001080">span</span><span style="color:#000000">>&#x3C;/</span><span style="color:#001080">span</span><span style="color:#000000">></span></span>
<span class="line"><span style="color:#000000">&#x3C;</span><span style="color:#001080">span</span><span style="color:#001080"> class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">>&#x3C;</span><span style="color:#001080">span</span><span style="color:#001080"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>}&#x3C;/</span><span style="color:#001080">span</span><span style="color:#000000">>&#x3C;/</span><span style="color:#001080">span</span><span style="color:#000000">></span></span>

#Empty Code Block

<span class="line"><span>&#x3C;span class="line">&#x3C;span>&#x3C;/span>&#x3C;/span></span></span>

#Code Block with Only Whitespace

<span class="line"><span style="color:#800000">&#x3C;span</span><span style="color:#E50000"> class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#800000">>&#x3C;/span></span></span>

#Very Long Code Block

<span class="line"><span style="color:#000000">&#x3C;span </span><span style="color:#0000FF">class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">>&#x3C;span style=</span><span style="color:#A31515">"color:#0000FF"</span><span style="color:#000000">></span><span style="color:#0000FF">def</span><span style="color:#000000">&#x3C;/span>&#x3C;span style=</span><span style="color:#A31515">"color:#795E26"</span><span style="color:#000000">> fibonacci_generator&#x3C;/span>&#x3C;span style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>(&#x3C;/span>&#x3C;span style=</span><span style="color:#A31515">"color:#001080"</span><span style="color:#000000">>n&#x3C;/span>&#x3C;span style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>: &#x3C;/span>&#x3C;span style=</span><span style="color:#A31515">"color:#267F99"</span><span style="color:#000000">></span><span style="color:#267F99">int</span><span style="color:#000000">&#x3C;/span>&#x3C;span style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>):&#x3C;/span>&#x3C;/span></span></span>
<span class="line"><span style="color:#000000">&#x3C;span </span><span style="color:#0000FF">class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">>&#x3C;span style=</span><span style="color:#A31515">"color:#A31515"</span><span style="color:#000000">>    </span><span style="color:#A31515">"""&#x3C;/span>&#x3C;/span></span></span>
<span class="line"><span style="color:#A31515">&#x3C;span class="line">&#x3C;span style="color:#A31515">    Generate the first n Fibonacci numbers using a generator.&#x3C;/span>&#x3C;/span></span></span>
<span class="line"><span style="color:#A31515">&#x3C;span class="line">&#x3C;/span></span></span>
<span class="line"><span style="color:#A31515">&#x3C;span class="line">&#x3C;span style="color:#A31515">    This function demonstrates:&#x3C;/span>&#x3C;/span></span></span>
<span class="line"><span style="color:#A31515">&#x3C;span class="line">&#x3C;span style="color:#A31515">    - Generator functions in Python&#x3C;/span>&#x3C;/span></span></span>
<span class="line"><span style="color:#A31515">&#x3C;span class="line">&#x3C;span style="color:#A31515">    - Type hints&#x3C;/span>&#x3C;/span></span></span>
<span class="line"><span style="color:#A31515">&#x3C;span class="line">&#x3C;span style="color:#A31515">    - Docstrings&#x3C;/span>&#x3C;/span></span></span>
<span class="line"><span style="color:#A31515">&#x3C;span class="line">&#x3C;span style="color:#A31515">    - Fibonacci sequence calculation&#x3C;/span>&#x3C;/span></span></span>
<span class="line"><span style="color:#A31515">&#x3C;span class="line">&#x3C;span style="color:#A31515">    - Efficient memory usage&#x3C;/span>&#x3C;/span></span></span>
<span class="line"><span style="color:#A31515">&#x3C;span class="line">&#x3C;/span></span></span>
<span class="line"><span style="color:#A31515">&#x3C;span class="line">&#x3C;span style="color:#A31515">    Args:&#x3C;/span>&#x3C;/span></span></span>
<span class="line"><span style="color:#A31515">&#x3C;span class="line">&#x3C;span style="color:#A31515">        n (int): Number of Fibonacci numbers to generate&#x3C;/span>&#x3C;/span></span></span>
<span class="line"><span style="color:#A31515">&#x3C;span class="line">&#x3C;/span></span></span>
<span class="line"><span style="color:#A31515">&#x3C;span class="line">&#x3C;span style="color:#A31515">    Yields:&#x3C;/span>&#x3C;/span></span></span>
<span class="line"><span style="color:#A31515">&#x3C;span class="line">&#x3C;span style="color:#A31515">        int: Next Fibonacci number in sequence&#x3C;/span>&#x3C;/span></span></span>
<span class="line"><span style="color:#A31515">&#x3C;span class="line">&#x3C;/span></span></span>
<span class="line"><span style="color:#A31515">&#x3C;span class="line">&#x3C;span style="color:#A31515">    Example:&#x3C;/span>&#x3C;/span></span></span>
<span class="line"><span style="color:#A31515">&#x3C;span class="line">&#x3C;span style="color:#AF00DB">        >>> &#x3C;/span>&#x3C;span style="color:#A31515">list(fibonacci_generator(10))&#x3C;/span>&#x3C;/span></span></span>
<span class="line"><span style="color:#A31515">&#x3C;span class="line">&#x3C;span style="color:#A31515">        [0, 1, 1, 2, 3, 5, 8, 13, 21, 34]&#x3C;/span>&#x3C;/span></span></span>
<span class="line"><span style="color:#A31515">&#x3C;span class="line">&#x3C;span style="color:#A31515">    """</span><span style="color:#000000">&#x3C;/span>&#x3C;/span></span></span>
<span class="line"><span style="color:#000000">&#x3C;span </span><span style="color:#0000FF">class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">>&#x3C;span style=</span><span style="color:#A31515">"color:#AF00DB"</span><span style="color:#000000">>    </span><span style="color:#AF00DB">if</span><span style="color:#000000">&#x3C;/span>&#x3C;span style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">> n &#x26;</span><span style="color:#008000">#x3C;= &#x3C;/span>&#x3C;span style="color:#098658">0&#x3C;/span>&#x3C;span style="color:#000000">:&#x3C;/span>&#x3C;/span></span></span>
<span class="line"><span style="color:#000000">&#x3C;span </span><span style="color:#0000FF">class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">>&#x3C;span style=</span><span style="color:#A31515">"color:#AF00DB"</span><span style="color:#000000">>        </span><span style="color:#AF00DB">return</span><span style="color:#000000">&#x3C;/span>&#x3C;/span></span></span>
<span class="line"><span style="color:#000000">&#x3C;span </span><span style="color:#0000FF">class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">>&#x3C;/span></span></span>
<span class="line"><span style="color:#000000">&#x3C;span </span><span style="color:#0000FF">class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">>&#x3C;span style=</span><span style="color:#A31515">"color:#008000"</span><span style="color:#000000">>    </span><span style="color:#008000"># First Fibonacci number&#x3C;/span>&#x3C;/span></span></span>
<span class="line"><span style="color:#000000">&#x3C;span </span><span style="color:#0000FF">class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">>&#x3C;span style=</span><span style="color:#A31515">"color:#AF00DB"</span><span style="color:#000000">>    </span><span style="color:#AF00DB">yield</span><span style="color:#000000">&#x3C;/span>&#x3C;span style=</span><span style="color:#A31515">"color:#098658"</span><span style="color:#000000">> </span><span style="color:#098658">0</span><span style="color:#000000">&#x3C;/span>&#x3C;/span></span></span>
<span class="line"><span style="color:#000000">&#x3C;span </span><span style="color:#0000FF">class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">>&#x3C;span style=</span><span style="color:#A31515">"color:#AF00DB"</span><span style="color:#000000">>    </span><span style="color:#AF00DB">if</span><span style="color:#000000">&#x3C;/span>&#x3C;span style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">> n == &#x3C;/span>&#x3C;span style=</span><span style="color:#A31515">"color:#098658"</span><span style="color:#000000">></span><span style="color:#098658">1</span><span style="color:#000000">&#x3C;/span>&#x3C;span style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>:&#x3C;/span>&#x3C;/span></span></span>
<span class="line"><span style="color:#000000">&#x3C;span </span><span style="color:#0000FF">class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">>&#x3C;span style=</span><span style="color:#A31515">"color:#AF00DB"</span><span style="color:#000000">>        </span><span style="color:#AF00DB">return</span><span style="color:#000000">&#x3C;/span>&#x3C;/span></span></span>
<span class="line"><span style="color:#000000">&#x3C;span </span><span style="color:#0000FF">class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">>&#x3C;/span></span></span>
<span class="line"><span style="color:#000000">&#x3C;span </span><span style="color:#0000FF">class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">>&#x3C;span style=</span><span style="color:#A31515">"color:#008000"</span><span style="color:#000000">>    </span><span style="color:#008000"># Second Fibonacci number&#x3C;/span>&#x3C;/span></span></span>
<span class="line"><span style="color:#000000">&#x3C;span </span><span style="color:#0000FF">class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">>&#x3C;span style=</span><span style="color:#A31515">"color:#AF00DB"</span><span style="color:#000000">>    </span><span style="color:#AF00DB">yield</span><span style="color:#000000">&#x3C;/span>&#x3C;span style=</span><span style="color:#A31515">"color:#098658"</span><span style="color:#000000">> </span><span style="color:#098658">1</span><span style="color:#000000">&#x3C;/span>&#x3C;/span></span></span>
<span class="line"><span style="color:#000000">&#x3C;span </span><span style="color:#0000FF">class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">>&#x3C;span style=</span><span style="color:#A31515">"color:#AF00DB"</span><span style="color:#000000">>    </span><span style="color:#AF00DB">if</span><span style="color:#000000">&#x3C;/span>&#x3C;span style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">> n == &#x3C;/span>&#x3C;span style=</span><span style="color:#A31515">"color:#098658"</span><span style="color:#000000">></span><span style="color:#098658">2</span><span style="color:#000000">&#x3C;/span>&#x3C;span style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>:&#x3C;/span>&#x3C;/span></span></span>
<span class="line"><span style="color:#000000">&#x3C;span </span><span style="color:#0000FF">class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">>&#x3C;span style=</span><span style="color:#A31515">"color:#AF00DB"</span><span style="color:#000000">>        </span><span style="color:#AF00DB">return</span><span style="color:#000000">&#x3C;/span>&#x3C;/span></span></span>
<span class="line"><span style="color:#000000">&#x3C;span </span><span style="color:#0000FF">class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">>&#x3C;/span></span></span>
<span class="line"><span style="color:#000000">&#x3C;span </span><span style="color:#0000FF">class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">>&#x3C;span style=</span><span style="color:#A31515">"color:#008000"</span><span style="color:#000000">>    </span><span style="color:#008000"># Generate remaining numbers&#x3C;/span>&#x3C;/span></span></span>
<span class="line"><span style="color:#000000">&#x3C;span </span><span style="color:#0000FF">class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">>&#x3C;span style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>    a, b = &#x3C;/span>&#x3C;span style=</span><span style="color:#A31515">"color:#098658"</span><span style="color:#000000">></span><span style="color:#098658">0</span><span style="color:#000000">&#x3C;/span>&#x3C;span style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>, &#x3C;/span>&#x3C;span style=</span><span style="color:#A31515">"color:#098658"</span><span style="color:#000000">></span><span style="color:#098658">1</span><span style="color:#000000">&#x3C;/span>&#x3C;/span></span></span>
<span class="line"><span style="color:#000000">&#x3C;span </span><span style="color:#0000FF">class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">>&#x3C;span style=</span><span style="color:#A31515">"color:#AF00DB"</span><span style="color:#000000">>    </span><span style="color:#AF00DB">for</span><span style="color:#000000">&#x3C;/span>&#x3C;span style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">> _ &#x3C;/span>&#x3C;span style=</span><span style="color:#A31515">"color:#AF00DB"</span><span style="color:#000000">></span><span style="color:#AF00DB">in</span><span style="color:#000000">&#x3C;/span>&#x3C;span style=</span><span style="color:#A31515">"color:#795E26"</span><span style="color:#000000">> </span><span style="color:#795E26">range</span><span style="color:#000000">&#x3C;/span>&#x3C;span style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>(&#x3C;/span>&#x3C;span style=</span><span style="color:#A31515">"color:#098658"</span><span style="color:#000000">></span><span style="color:#098658">2</span><span style="color:#000000">&#x3C;/span>&#x3C;span style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>, n):&#x3C;/span>&#x3C;/span></span></span>
<span class="line"><span style="color:#000000">&#x3C;span </span><span style="color:#0000FF">class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">>&#x3C;span style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>        a, b = b, a + b&#x3C;/span>&#x3C;/span></span></span>
<span class="line"><span style="color:#000000">&#x3C;span </span><span style="color:#0000FF">class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">>&#x3C;span style=</span><span style="color:#A31515">"color:#AF00DB"</span><span style="color:#000000">>        </span><span style="color:#AF00DB">yield</span><span style="color:#000000">&#x3C;/span>&#x3C;span style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">> b&#x3C;/span>&#x3C;/span></span></span>
<span class="line"><span style="color:#000000">&#x3C;span </span><span style="color:#0000FF">class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">>&#x3C;/span></span></span>
<span class="line"><span style="color:#000000">&#x3C;span </span><span style="color:#0000FF">class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">>&#x3C;span style=</span><span style="color:#A31515">"color:#008000"</span><span style="color:#000000">></span><span style="color:#008000"># Usage examples&#x3C;/span>&#x3C;/span></span></span>
<span class="line"><span style="color:#000000">&#x3C;span </span><span style="color:#0000FF">class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">>&#x3C;span style=</span><span style="color:#A31515">"color:#795E26"</span><span style="color:#000000">></span><span style="color:#795E26">print</span><span style="color:#000000">&#x3C;/span>&#x3C;span style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>(&#x3C;/span>&#x3C;span style=</span><span style="color:#A31515">"color:#A31515"</span><span style="color:#000000">></span><span style="color:#A31515">"First 15 Fibonacci numbers:"</span><span style="color:#000000">&#x3C;/span>&#x3C;span style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>)&#x3C;/span>&#x3C;/span></span></span>
<span class="line"><span style="color:#000000">&#x3C;span </span><span style="color:#0000FF">class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">>&#x3C;span style=</span><span style="color:#A31515">"color:#AF00DB"</span><span style="color:#000000">></span><span style="color:#AF00DB">for</span><span style="color:#000000">&#x3C;/span>&#x3C;span style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">> i, fib &#x3C;/span>&#x3C;span style=</span><span style="color:#A31515">"color:#AF00DB"</span><span style="color:#000000">></span><span style="color:#AF00DB">in</span><span style="color:#000000">&#x3C;/span>&#x3C;span style=</span><span style="color:#A31515">"color:#795E26"</span><span style="color:#000000">> </span><span style="color:#795E26">enumerate</span><span style="color:#000000">&#x3C;/span>&#x3C;span style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>(fibonacci_generator(&#x3C;/span>&#x3C;span </span><span style="color:#001080">style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#098658"</span><span style="color:#000000">></span><span style="color:#098658">15</span><span style="color:#000000">&#x3C;/span>&#x3C;span </span><span style="color:#001080">style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>), &#x3C;/span>&#x3C;span style=</span><span style="color:#A31515">"color:#098658"</span><span style="color:#000000">></span><span style="color:#098658">1</span><span style="color:#000000">&#x3C;/span>&#x3C;span style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>):&#x3C;/span>&#x3C;/span></span></span>
<span class="line"><span style="color:#000000">&#x3C;span </span><span style="color:#0000FF">class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">>&#x3C;span style=</span><span style="color:#A31515">"color:#795E26"</span><span style="color:#000000">>    </span><span style="color:#795E26">print</span><span style="color:#000000">&#x3C;/span>&#x3C;span style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>(&#x3C;/span>&#x3C;span style=</span><span style="color:#A31515">"color:#A31515"</span><span style="color:#000000">></span><span style="color:#A31515">"2d"</span><span style="color:#000000">&#x3C;/span>&#x3C;span style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>)&#x3C;/span>&#x3C;/span></span></span>
<span class="line"><span style="color:#000000">&#x3C;span </span><span style="color:#0000FF">class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">>&#x3C;/span></span></span>
<span class="line"><span style="color:#000000">&#x3C;span </span><span style="color:#0000FF">class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">>&#x3C;span style=</span><span style="color:#A31515">"color:#795E26"</span><span style="color:#000000">></span><span style="color:#795E26">print</span><span style="color:#000000">&#x3C;/span>&#x3C;span style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>(&#x3C;/span>&#x3C;span style=</span><span style="color:#A31515">"color:#A31515"</span><span style="color:#000000">></span><span style="color:#A31515">"&#x3C;/span>&#x3C;span style="</span><span style="color:#000000">color:</span><span style="color:#008000">#EE0000">\\&#x3C;/span>&#x3C;span style="color:#A31515">nFibonacci numbers less than 100:"&#x3C;/span>&#x3C;span style="color:#000000">)&#x3C;/span>&#x3C;/span></span></span>
<span class="line"><span style="color:#000000">&#x3C;span </span><span style="color:#AF00DB">class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">>&#x3C;span style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>fib_nums = []&#x3C;/span>&#x3C;/span></span></span>
<span class="line"><span style="color:#000000">&#x3C;span </span><span style="color:#AF00DB">class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">>&#x3C;span style=</span><span style="color:#A31515">"color:#AF00DB"</span><span style="color:#000000">></span><span style="color:#AF00DB">for</span><span style="color:#000000">&#x3C;/span>&#x3C;span style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">> fib &#x3C;/span>&#x3C;span style=</span><span style="color:#A31515">"color:#AF00DB"</span><span style="color:#000000">></span><span style="color:#AF00DB">in</span><span style="color:#000000">&#x3C;/span>&#x3C;span style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">> fibonacci_generator(&#x3C;/span>&#x3C;span </span><span style="color:#001080">style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#098658"</span><span style="color:#000000">></span><span style="color:#098658">20</span><span style="color:#000000">&#x3C;/span>&#x3C;span </span><span style="color:#001080">style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>):&#x3C;/span>&#x3C;/span></span></span>
<span class="line"><span style="color:#000000">&#x3C;span </span><span style="color:#AF00DB">class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">>&#x3C;span style=</span><span style="color:#A31515">"color:#AF00DB"</span><span style="color:#000000">>    </span><span style="color:#AF00DB">if</span><span style="color:#000000">&#x3C;/span>&#x3C;span style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">> fib >= &#x3C;/span>&#x3C;span style=</span><span style="color:#A31515">"color:#098658"</span><span style="color:#000000">></span><span style="color:#098658">100</span><span style="color:#000000">&#x3C;/span>&#x3C;span style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>:&#x3C;/span>&#x3C;/span></span></span>
<span class="line"><span style="color:#000000">&#x3C;span </span><span style="color:#AF00DB">class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">>&#x3C;span style=</span><span style="color:#A31515">"color:#AF00DB"</span><span style="color:#000000">>        </span><span style="color:#AF00DB">break</span><span style="color:#000000">&#x3C;/span>&#x3C;/span></span></span>
<span class="line"><span style="color:#000000">&#x3C;span </span><span style="color:#AF00DB">class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">>&#x3C;span style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>    fib_nums.append(fib)&#x3C;/span>&#x3C;/span></span></span>
<span class="line"><span style="color:#000000">&#x3C;span </span><span style="color:#AF00DB">class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">>&#x3C;/span></span></span>
<span class="line"><span style="color:#000000">&#x3C;span </span><span style="color:#AF00DB">class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">>&#x3C;span style=</span><span style="color:#A31515">"color:#795E26"</span><span style="color:#000000">></span><span style="color:#795E26">print</span><span style="color:#000000">&#x3C;/span>&#x3C;span style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>(fib_nums)&#x3C;/span>&#x3C;/span></span></span>

#Code Block with Mixed Languages in Same File

<span class="line"><span style="color:#000000">&#x3C;span </span><span style="color:#001080">class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">>&#x3C;</span><span style="color:#A31515">span</span><span style="color:#001080"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#008000"</span><span style="color:#000000">>#!</span><span style="color:#795E26">/bin/bash</span><span style="color:#000000">&#x3C;/span>&#x3C;/span></span></span>
<span class="line"><span style="color:#000000">&#x3C;span </span><span style="color:#001080">class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">>&#x3C;</span><span style="color:#A31515">span</span><span style="color:#001080"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#008000"</span><span style="color:#000000">># Build script </span><span style="color:#AF00DB">for</span><span style="color:#000000"> BunPress&#x3C;/span>&#x3C;/span></span></span>
<span class="line"><span style="color:#000000">&#x3C;span </span><span style="color:#001080">class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">>&#x3C;</span><span style="color:#A31515">/span</span><span style="color:#000000">></span></span>
<span class="line"><span style="color:#000000">&#x3C;span </span><span style="color:#001080">class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">>&#x3C;</span><span style="color:#A31515">span</span><span style="color:#001080"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#795E26"</span><span style="color:#000000">></span><span style="color:#A31515">echo</span><span style="color:#000000">&#x3C;</span><span style="color:#A31515">/span</span><span style="color:#000000">>&#x3C;</span><span style="color:#A31515">span</span><span style="color:#001080"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#A31515"</span><span style="color:#000000">> </span><span style="color:#A31515">"Building BunPress documentation..."</span><span style="color:#000000">&#x3C;</span><span style="color:#A31515">/span</span><span style="color:#000000">>&#x3C;</span><span style="color:#A31515">/span</span><span style="color:#000000">></span></span>
<span class="line"><span style="color:#000000">&#x3C;span </span><span style="color:#001080">class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">>&#x3C;</span><span style="color:#A31515">/span</span><span style="color:#000000">></span></span>
<span class="line"><span style="color:#000000">&#x3C;span </span><span style="color:#001080">class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">>&#x3C;</span><span style="color:#A31515">span</span><span style="color:#001080"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#008000"</span><span style="color:#000000">># Install dependencies&#x3C;/span>&#x3C;/span></span></span>
<span class="line"><span style="color:#000000">&#x3C;span </span><span style="color:#001080">class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">>&#x3C;</span><span style="color:#A31515">span</span><span style="color:#001080"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#795E26"</span><span style="color:#000000">></span><span style="color:#A31515">npm</span><span style="color:#000000">&#x3C;</span><span style="color:#A31515">/span</span><span style="color:#000000">>&#x3C;</span><span style="color:#A31515">span</span><span style="color:#001080"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#A31515"</span><span style="color:#000000">> </span><span style="color:#795E26">install</span><span style="color:#000000">&#x3C;/span>&#x3C;/span></span></span>
<span class="line"><span style="color:#000000">&#x3C;span </span><span style="color:#001080">class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">>&#x3C;</span><span style="color:#A31515">/span</span><span style="color:#000000">></span></span>
<span class="line"><span style="color:#000000">&#x3C;span </span><span style="color:#001080">class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">>&#x3C;</span><span style="color:#A31515">span</span><span style="color:#001080"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#008000"</span><span style="color:#000000">># Build the project&#x3C;/span>&#x3C;/span></span></span>
<span class="line"><span style="color:#000000">&#x3C;span </span><span style="color:#001080">class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">>&#x3C;</span><span style="color:#A31515">span</span><span style="color:#001080"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#795E26"</span><span style="color:#000000">></span><span style="color:#A31515">npm</span><span style="color:#000000">&#x3C;</span><span style="color:#A31515">/span</span><span style="color:#000000">>&#x3C;</span><span style="color:#A31515">span</span><span style="color:#001080"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#A31515"</span><span style="color:#000000">> </span><span style="color:#795E26">run</span><span style="color:#000000">&#x3C;/span>&#x3C;span </span><span style="color:#A31515">style="color:#A31515"</span><span style="color:#000000">> </span><span style="color:#A31515">build</span><span style="color:#000000">&#x3C;</span><span style="color:#A31515">/spa</span><span style="color:#000000">n>&#x3C;</span><span style="color:#A31515">/spa</span><span style="color:#000000">n></span></span>
<span class="line"><span style="color:#000000">&#x3C;span </span><span style="color:#001080">class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">>&#x3C;</span><span style="color:#A31515">/span</span><span style="color:#000000">></span></span>
<span class="line"><span style="color:#000000">&#x3C;span </span><span style="color:#001080">class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">>&#x3C;</span><span style="color:#A31515">span</span><span style="color:#001080"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#008000"</span><span style="color:#000000">># Check </span><span style="color:#AF00DB">if</span><span style="color:#795E26"> build</span><span style="color:#A31515"> was</span><span style="color:#A31515"> successful</span><span style="color:#000000">&#x3C;</span><span style="color:#A31515">/spa</span><span style="color:#000000">n>&#x3C;</span><span style="color:#A31515">/spa</span><span style="color:#000000">n></span></span>
<span class="line"><span style="color:#000000">&#x3C;span </span><span style="color:#001080">class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">>&#x3C;</span><span style="color:#A31515">span</span><span style="color:#001080"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#AF00DB"</span><span style="color:#000000">></span><span style="color:#A31515">if</span><span style="color:#000000">&#x3C;</span><span style="color:#A31515">/span</span><span style="color:#000000">>&#x3C;</span><span style="color:#A31515">span</span><span style="color:#001080"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">> </span><span style="color:#795E26">[</span><span style="color:#000000"> &#x3C;</span><span style="color:#A31515">/spa</span><span style="color:#000000">n>&#x3C;</span><span style="color:#A31515">span</span><span style="color:#A31515"> style="color:#0000FF"</span><span style="color:#000000">></span><span style="color:#0000FF">$?</span><span style="color:#000000">&#x3C;</span><span style="color:#A31515">/spa</span><span style="color:#000000">n>&#x3C;</span><span style="color:#A31515">span</span><span style="color:#A31515"> style="color:#000000"</span><span style="color:#000000">> </span><span style="color:#0000FF">-eq</span><span style="color:#000000"> &#x3C;</span><span style="color:#A31515">/spa</span><span style="color:#000000">n>&#x3C;</span><span style="color:#A31515">span</span><span style="color:#A31515"> style="color:#098658"</span><span style="color:#000000">></span><span style="color:#A31515">0</span><span style="color:#000000">&#x3C;</span><span style="color:#A31515">/spa</span><span style="color:#000000">n>&#x3C;</span><span style="color:#A31515">span</span><span style="color:#A31515"> style="color:#000000"</span><span style="color:#000000">> </span><span style="color:#A31515">]</span><span style="color:#000000">; &#x3C;</span><span style="color:#795E26">/span</span><span style="color:#000000">>&#x3C;span </span><span style="color:#A31515">style="color:#AF00DB"</span><span style="color:#000000">></span><span style="color:#A31515">then</span><span style="color:#000000">&#x3C;</span><span style="color:#A31515">/spa</span><span style="color:#000000">n>&#x3C;</span><span style="color:#A31515">/spa</span><span style="color:#000000">n></span></span>
<span class="line"><span style="color:#000000">&#x3C;span </span><span style="color:#001080">class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">>&#x3C;</span><span style="color:#A31515">span</span><span style="color:#001080"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#795E26"</span><span style="color:#000000">>    </span><span style="color:#795E26">echo</span><span style="color:#000000">&#x3C;/span>&#x3C;span </span><span style="color:#A31515">style="color:#A31515"</span><span style="color:#000000">> </span><span style="color:#A31515">"✅ Build successful!"</span><span style="color:#000000">&#x3C;</span><span style="color:#A31515">/spa</span><span style="color:#000000">n>&#x3C;</span><span style="color:#A31515">/spa</span><span style="color:#000000">n></span></span>
<span class="line"><span style="color:#000000">&#x3C;span </span><span style="color:#001080">class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">>&#x3C;</span><span style="color:#A31515">span</span><span style="color:#001080"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#795E26"</span><span style="color:#000000">>    </span><span style="color:#795E26">echo</span><span style="color:#000000">&#x3C;/span>&#x3C;span </span><span style="color:#A31515">style="color:#A31515"</span><span style="color:#000000">> </span><span style="color:#A31515">"📁 Output files:"</span><span style="color:#000000">&#x3C;</span><span style="color:#A31515">/spa</span><span style="color:#000000">n>&#x3C;</span><span style="color:#A31515">/spa</span><span style="color:#000000">n></span></span>
<span class="line"><span style="color:#000000">&#x3C;span </span><span style="color:#001080">class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">>&#x3C;</span><span style="color:#A31515">span</span><span style="color:#001080"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#795E26"</span><span style="color:#000000">>    </span><span style="color:#795E26">ls</span><span style="color:#000000">&#x3C;/span>&#x3C;span </span><span style="color:#A31515">style="color:#0000FF"</span><span style="color:#000000">> </span><span style="color:#0000FF">-la</span><span style="color:#000000">&#x3C;</span><span style="color:#0000FF">/span>&#x3C;span</span><span style="color:#A31515"> style="color:#A31515"</span><span style="color:#000000">> </span><span style="color:#A31515">dist/</span><span style="color:#000000">&#x3C;</span><span style="color:#A31515">/spa</span><span style="color:#000000">n>&#x3C;</span><span style="color:#A31515">/spa</span><span style="color:#000000">n></span></span>
<span class="line"><span style="color:#000000">&#x3C;span </span><span style="color:#001080">class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">>&#x3C;</span><span style="color:#A31515">span</span><span style="color:#001080"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#AF00DB"</span><span style="color:#000000">></span><span style="color:#A31515">else</span><span style="color:#000000">&#x3C;</span><span style="color:#A31515">/span</span><span style="color:#000000">>&#x3C;</span><span style="color:#A31515">/span</span><span style="color:#000000">></span></span>
<span class="line"><span style="color:#000000">&#x3C;span </span><span style="color:#001080">class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">>&#x3C;</span><span style="color:#A31515">span</span><span style="color:#001080"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#795E26"</span><span style="color:#000000">>    </span><span style="color:#795E26">echo</span><span style="color:#000000">&#x3C;/span>&#x3C;span </span><span style="color:#A31515">style="color:#A31515"</span><span style="color:#000000">> </span><span style="color:#A31515">"❌ Build failed!"</span><span style="color:#000000">&#x3C;</span><span style="color:#A31515">/spa</span><span style="color:#000000">n>&#x3C;</span><span style="color:#A31515">/spa</span><span style="color:#000000">n></span></span>
<span class="line"><span style="color:#000000">&#x3C;span </span><span style="color:#001080">class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">>&#x3C;</span><span style="color:#A31515">span</span><span style="color:#001080"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#795E26"</span><span style="color:#000000">>    </span><span style="color:#795E26">exit</span><span style="color:#000000">&#x3C;/span>&#x3C;span </span><span style="color:#A31515">style="color:#098658"</span><span style="color:#000000">> </span><span style="color:#098658">1</span><span style="color:#000000">&#x3C;</span><span style="color:#A31515">/spa</span><span style="color:#000000">n>&#x3C;</span><span style="color:#A31515">/spa</span><span style="color:#000000">n></span></span>
<span class="line"><span style="color:#000000">&#x3C;span </span><span style="color:#001080">class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">>&#x3C;</span><span style="color:#A31515">span</span><span style="color:#001080"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#AF00DB"</span><span style="color:#000000">></span><span style="color:#A31515">fi</span><span style="color:#000000">&#x3C;</span><span style="color:#A31515">/span</span><span style="color:#000000">>&#x3C;</span><span style="color:#A31515">/span</span><span style="color:#000000">></span></span>
<span class="line"><span style="color:#000000">&#x3C;span class=</span><span style="color:#A31515">"line"</span><span style="color:#000000">>&#x3C;span style=</span><span style="color:#A31515">"color:#008000"</span><span style="color:#000000">></span><span style="color:#008000"># PowerShell build script (alternative)&#x3C;/span>&#x3C;/span></span></span>
<span class="line"><span style="color:#000000">&#x3C;span class=</span><span style="color:#A31515">"line"</span><span style="color:#000000">>&#x3C;/span></span></span>
<span class="line"><span style="color:#000000">&#x3C;span class=</span><span style="color:#A31515">"line"</span><span style="color:#000000">>&#x3C;span style=</span><span style="color:#A31515">"color:#795E26"</span><span style="color:#000000">></span><span style="color:#795E26">Write-Host</span><span style="color:#000000">&#x3C;/span>&#x3C;span style=</span><span style="color:#A31515">"color:#A31515"</span><span style="color:#000000">> </span><span style="color:#A31515">"Building BunPress documentation..."</span><span style="color:#000000">&#x3C;/span>&#x3C;span style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">> -ForegroundColor Green&#x3C;/span>&#x3C;/span></span></span>
<span class="line"><span style="color:#000000">&#x3C;span class=</span><span style="color:#A31515">"line"</span><span style="color:#000000">>&#x3C;/span></span></span>
<span class="line"><span style="color:#000000">&#x3C;span class=</span><span style="color:#A31515">"line"</span><span style="color:#000000">>&#x3C;span style=</span><span style="color:#A31515">"color:#008000"</span><span style="color:#000000">></span><span style="color:#008000"># Install dependencies&#x3C;/span>&#x3C;/span></span></span>
<span class="line"><span style="color:#000000">&#x3C;span class=</span><span style="color:#A31515">"line"</span><span style="color:#000000">>&#x3C;span style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>npm install&#x3C;/span>&#x3C;/span></span></span>
<span class="line"><span style="color:#000000">&#x3C;span class=</span><span style="color:#A31515">"line"</span><span style="color:#000000">>&#x3C;/span></span></span>
<span class="line"><span style="color:#000000">&#x3C;span class=</span><span style="color:#A31515">"line"</span><span style="color:#000000">>&#x3C;span style=</span><span style="color:#A31515">"color:#008000"</span><span style="color:#000000">></span><span style="color:#008000"># Build the project&#x3C;/span>&#x3C;/span></span></span>
<span class="line"><span style="color:#000000">&#x3C;span class=</span><span style="color:#A31515">"line"</span><span style="color:#000000">>&#x3C;span style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>npm run build&#x3C;/span>&#x3C;/span></span></span>
<span class="line"><span style="color:#000000">&#x3C;span class=</span><span style="color:#A31515">"line"</span><span style="color:#000000">>&#x3C;/span></span></span>
<span class="line"><span style="color:#000000">&#x3C;span class=</span><span style="color:#A31515">"line"</span><span style="color:#000000">>&#x3C;span style=</span><span style="color:#A31515">"color:#008000"</span><span style="color:#000000">></span><span style="color:#008000"># Check build result&#x3C;/span>&#x3C;/span></span></span>
<span class="line"><span style="color:#000000">&#x3C;span class=</span><span style="color:#A31515">"line"</span><span style="color:#000000">>&#x3C;span style=</span><span style="color:#A31515">"color:#AF00DB"</span><span style="color:#000000">></span><span style="color:#AF00DB">if</span><span style="color:#000000">&#x3C;/span>&#x3C;span style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">> (&#x3C;/span>&#x3C;span style=</span><span style="color:#A31515">"color:#001080"</span><span style="color:#000000">></span><span style="color:#001080">$LASTEXITCODE</span><span style="color:#000000">&#x3C;/span>&#x3C;span style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">> -eq &#x3C;/span>&#x3C;span style=</span><span style="color:#A31515">"color:#098658"</span><span style="color:#000000">></span><span style="color:#098658">0</span><span style="color:#000000">&#x3C;/span>&#x3C;span style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>) {&#x3C;/span>&#x3C;/span></span></span>
<span class="line"><span style="color:#000000">&#x3C;span class=</span><span style="color:#A31515">"line"</span><span style="color:#000000">>&#x3C;span style=</span><span style="color:#A31515">"color:#795E26"</span><span style="color:#000000">>    </span><span style="color:#795E26">Write-Host</span><span style="color:#000000">&#x3C;/span>&#x3C;span style=</span><span style="color:#A31515">"color:#A31515"</span><span style="color:#000000">> </span><span style="color:#A31515">"✅ Build successful!"</span><span style="color:#000000">&#x3C;/span>&#x3C;span style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">> -ForegroundColor Green&#x3C;/span>&#x3C;/span></span></span>
<span class="line"><span style="color:#000000">&#x3C;span class=</span><span style="color:#A31515">"line"</span><span style="color:#000000">>&#x3C;span style=</span><span style="color:#A31515">"color:#795E26"</span><span style="color:#000000">>    </span><span style="color:#795E26">Write-Host</span><span style="color:#000000">&#x3C;/span>&#x3C;span style=</span><span style="color:#A31515">"color:#A31515"</span><span style="color:#000000">> </span><span style="color:#A31515">"📁 Output files:"</span><span style="color:#000000">&#x3C;/span>&#x3C;span style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">> -ForegroundColor Cyan&#x3C;/span>&#x3C;/span></span></span>
<span class="line"><span style="color:#000000">&#x3C;span class=</span><span style="color:#A31515">"line"</span><span style="color:#000000">>&#x3C;span style=</span><span style="color:#A31515">"color:#795E26"</span><span style="color:#000000">>    </span><span style="color:#795E26">Get-ChildItem</span><span style="color:#000000">&#x3C;/span>&#x3C;span style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">> -Path &#x3C;/span>&#x3C;span style=</span><span style="color:#A31515">"color:#A31515"</span><span style="color:#000000">></span><span style="color:#A31515">"dist"</span><span style="color:#000000">&#x3C;/span>&#x3C;span style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">> -Recurse | &#x3C;/span>&#x3C;span style=</span><span style="color:#A31515">"color:#795E26"</span><span style="color:#000000">></span><span style="color:#795E26">Format-Table</span><span style="color:#000000">&#x3C;/span>&#x3C;span style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">> Name, Length&#x3C;/span>&#x3C;/span></span></span>
<span class="line"><span style="color:#000000">&#x3C;span class=</span><span style="color:#A31515">"line"</span><span style="color:#000000">>&#x3C;span style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>} &#x3C;/span>&#x3C;span style=</span><span style="color:#A31515">"color:#AF00DB"</span><span style="color:#000000">></span><span style="color:#AF00DB">else</span><span style="color:#000000">&#x3C;/span>&#x3C;span style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">> {&#x3C;/span>&#x3C;/span></span></span>
<span class="line"><span style="color:#000000">&#x3C;span class=</span><span style="color:#A31515">"line"</span><span style="color:#000000">>&#x3C;span style=</span><span style="color:#A31515">"color:#795E26"</span><span style="color:#000000">>    </span><span style="color:#795E26">Write-Host</span><span style="color:#000000">&#x3C;/span>&#x3C;span style=</span><span style="color:#A31515">"color:#A31515"</span><span style="color:#000000">> </span><span style="color:#A31515">"❌ Build failed!"</span><span style="color:#000000">&#x3C;/span>&#x3C;span style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">> -ForegroundColor Red&#x3C;/span>&#x3C;/span></span></span>
<span class="line"><span style="color:#000000">&#x3C;span class=</span><span style="color:#A31515">"line"</span><span style="color:#000000">>&#x3C;span style=</span><span style="color:#A31515">"color:#AF00DB"</span><span style="color:#000000">>    </span><span style="color:#AF00DB">exit</span><span style="color:#000000">&#x3C;/span>&#x3C;span style=</span><span style="color:#A31515">"color:#098658"</span><span style="color:#000000">> </span><span style="color:#098658">1</span><span style="color:#000000">&#x3C;/span>&#x3C;/span></span></span>
<span class="line"><span style="color:#000000">&#x3C;span class=</span><span style="color:#A31515">"line"</span><span style="color:#000000">>&#x3C;span style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>}&#x3C;/span>&#x3C;/span></span></span>